update tests

src/frontend/src/app/@theme/components/header/header.component.ts

@@ -40,7 +40,7 @@ export class HeaderComponent implements OnInit, OnDestroy {
     },
   ];
 
-  currentTheme = 'dark';
+  currentTheme = 'default';
   userMenu : NbMenuItem[] = [ { title: 'Log out', link: '/auth/logout' } ];
 
   sendMessage: any = console.log
@@ -59,6 +59,8 @@ export class HeaderComponent implements OnInit, OnDestroy {
              ) {}
 
   ngOnInit() {
+    this.themeService.changeTheme("dark");
+
     this.currentTheme = this.themeService.currentTheme;
 
     this.user = this.api.getCurrentUser()

src/frontend/src/app/frontcraft/pages/raid/characterpicker.component.html

@@ -1,30 +1,36 @@
-<nb-card class="col-12 col-xl-9">
+<nb-card style="width: 500px; padding: 0px 2rem 2rem 2rem">
     <nb-card-header>
       Pick Character
     </nb-card-header>
     <nb-card-body>
         <div *ngFor="let character of characters">
+            <img [src]="'../../../../assets/images/'+character.class.toLowerCase()+'.png'" />
+            <span [ngStyle]="{'color': character.color}">
+                {{character.charactername}}
+            </span>
+            <br >
+            <br >
+            <br >
+
             <button
                 (click)="signup(character, false)"
                 nbButton 
                 outline 
                 status="success" 
-                size="tiny">
-                <nb-icon icon="checkmark-outline"></nb-icon>
+                size="medium">
+                <nb-icon icon="checkmark-outline"></nb-icon> On Time
             </button>
-
+            &nbsp;
+            &nbsp;
+            &nbsp;
             <button
                 (click)="signup(character, true)"
                 nbButton 
                 outline 
                 status="warning" 
-                size="tiny">
-                <nb-icon icon="clock-outline"></nb-icon>
+                size="medium">
+                <nb-icon icon="clock-outline"></nb-icon> Late
             </button>
-            <span [ngStyle]="{'color': character.color}">
-                {{character.charactername}}
-            </span>
-                
         </div>
     </nb-card-body>
 </nb-card>

src/frontend/src/app/frontcraft/pages/raids/createraid.component.html

@@ -1,6 +1,6 @@
 
 
-<nb-card class="col-12 col-xl-9">
+<nb-card style="width: 500px; padding: 0px 2rem 2rem 2rem">
     <nb-card-header>
       Create Raid
     </nb-card-header>

src/frontend/src/app/frontcraft/pages/raids/raids.component.html

@@ -11,11 +11,31 @@
     nbInfiniteList
     listenWindowScroll
     [threshold]="500">
-    <nb-list-item *ngFor="let raid of raids" [routerLink]="'/frontcraft/raid/'+raid.id">
-      <b>{{raid.title}}</b><br>
-      {{raid.signupcount}} / {{raid.size}}<br>
-      {{raid.start | date : 'EEEE d MMMM @ HH:mm'}}<br>
-      {{raid.description}}<br>
+    <nb-list-item *ngFor="let raid of raids" 
+    [routerLink]="'/frontcraft/raid/'+raid.id" 
+    class="raidlist"
+    style="cursor: pointer;">
+      <div class="row">
+        <div class="col-2">
+          <img src="../../../../assets/images/mage.png" style="height: 75px" />
+        </div>
+
+        <div class="col-2 vcenter">
+          {{raid.title}}
+         </div>
+        
+        <div class="col-2 vcenter">
+          <nb-icon icon="checkmark-circle"></nb-icon> {{raid.signupcount}} / {{raid.size}}<br>
+        </div>
+
+        <div class="col-2 vcenter">
+          <nb-icon icon="clock-outline"></nb-icon> {{raid.start | date : 'HH:mm'}}
+        </div>
+
+        <div class="col-4 vcenter">
+          <nb-icon icon="calendar-outline"></nb-icon> {{raid.start | date : 'EEEE MMMM d'}}
+        </div>
+      </div>
     </nb-list-item>
   </nb-list>
 </nb-card>

src/frontend/src/app/frontcraft/pages/raids/raids.component.scss

@@ -5,3 +5,12 @@
     }
   }
 }
+
+.raidlist:hover {
+  background-color: #293259;
+}
+
+.vcenter {
+  height: 75px;
+  padding-top: 30px;
+}