WIP

src/app/games/massive-darkness2/hero-dashboard/hero-dashboard.component.scss

@@ -810,3 +810,6 @@
     -ms-transform: rotateY(-180deg);
     transform: rotateY(-180deg);
 }
+::ng-deep .skill-content .MD2Icon {
+    font-size: 30px;
+}

src/app/games/massive-darkness2/hero-dashboard/hero-dashboard.component.ts

@@ -139,7 +139,7 @@ export class HeroDashboardComponent extends MD2Base implements OnInit {
           hp: heroProfile.hp,
           mp: heroProfile.mana,
           skillHtml: heroProfile.skillHtml,
-          shadowSkillHtml: heroProfile.shadowSkillHtml,
+          shadowSkillHtml: heroProfile.shadowSkillHtml.replace("<p>", '<p>' + this.iconHtml(MD2Icon.Shadow) + ' : '),
           class: heroClass
         });
         heroInfo.imgUrl = this.imgUrl('Heros/' + HeroClass[heroClass] + '.jpg');

src/app/games/massive-darkness2/mobs/mob-detail-info/mob-combat-info/mob-combat-info.component.html

@@ -21,7 +21,7 @@
         </md2-icon>
     </label> -->
     <div *ngFor="let skill of mob.skills" class=" g-brd-bottom--dashed g-brd-gray-light-v2">
-        <div *ngIf="skill.uiDisplay">
+        <div *ngIf="showAllSkill || skill.uiDisplay">
             <label for='' class='MD2text g-font-size-22 label mb-2'>
                 {{MobSkillType[skill.type]}} {{skill.skillRoll}} <md2-icon icon="enemySkill" size="md"></md2-icon>
             </label>

src/app/games/massive-darkness2/mobs/mob-detail-info/mob-combat-info/mob-combat-info.component.ts

@@ -22,12 +22,13 @@ export class MobCombatInfoComponent implements OnInit {
     }
   }
   @Input() mode: MobDlgType = MobDlgType.PreView;
-  showSkill: boolean = false;
+  showAllSkill: boolean = false;
   showBlackDice: boolean
   skillTriggerHtml: string = '';
   constructor() { }
 
   ngOnInit(): void {
+    this.showAllSkill = [MobDlgType.PreView, MobDlgType.Dashboard].includes(this.mode);
     if (this.mob.skills && this.mob.skills.length > 0) {
       this.mob.skills.forEach(element => {
         switch (this.mode) {

src/app/games/massive-darkness2/mobs/mob-detail-info/mob-detail-info.component.html

@@ -50,8 +50,8 @@
 <md2-mob-attack-info [mob]="mob" [mode]="mode">
 </md2-mob-attack-info>
 <md2-mob-def-info [mob]="mob" [mode]="mode"></md2-mob-def-info>
-<md2-mob-combat-info [mob]="mob" [mode]="mode"></md2-mob-combat-info>
-<div *ngIf="mob.extraRule">
+<md2-mob-combat-info *ngIf="!hideCombatInfo" [mob]="mob" [mode]="mode"></md2-mob-combat-info>
+<div *ngIf="!hideCombatInfo && mob.extraRule">
     <div class="alert alert-warning" role="alert" [innerHtml]="mob.extraRule">
     </div>
 </div>

src/app/games/massive-darkness2/mobs/mob-detail-info/mob-detail-info.component.ts

@@ -12,7 +12,7 @@ import { MD2ComponentBase } from '../../MD2Base';
   styleUrls: ['./mob-detail-info.component.scss']
 })
 export class MobDetailInfoComponent extends MD2ComponentBase implements OnInit {
-
+  MobDlgType = MobDlgType;
   MD2Icon = MD2Icon;
   private _mob: MobInfo;
   public get mob(): MobInfo {
@@ -33,6 +33,10 @@ export class MobDetailInfoComponent extends MD2ComponentBase implements OnInit {
     return this.mode == MobDlgType.Spawn;
   }
 
+  public get hideCombatInfo(): boolean {
+    return this.mode == MobDlgType.Dashboard;
+  }
+
 
   showAttackingInfo: boolean = false;
   @Input("showAttackingInfo")

src/app/games/massive-darkness2/mobs/mob-stand-info/mob-stand-info.component.scss

@@ -4,20 +4,23 @@
     &.roamingMonster {
         width: 95%;
         max-height: 80%;
+        left: 0;
     }
     &.mobLeader {
         z-index: 3;
         width: 70%;
         max-height: 80%;
         top: 40px;
+        left: 0;
     }
     &.mobMinion {
         width: 60%;
         max-height: 80%;
         right: 0;
+        top: 0;
     }
 }
 .mobBg {
-    position: absolute;
+    position: relative;
     z-index: 1;
 }

src/app/games/massive-darkness2/mobs/mobs.component.html

@@ -29,6 +29,12 @@
                 <div class="row no-gutters">
                     <div class="col-12 col-md-8">
                         <md2-mob-stand-info [mob]="mob"></md2-mob-stand-info>
+
+                        <md2-mob-combat-info [mob]="mob" [mode]="MobDlgType.Dashboard"></md2-mob-combat-info>
+                        <div *ngIf="mob.extraRule">
+                            <div class="alert alert-warning" role="alert" [innerHtml]="mob.extraRule">
+                            </div>
+                        </div>
                     </div>
                     <div class=" col-12 col-md-4">