better scoreboard css

public/css/app.css

@@ -8507,7 +8507,15 @@ button.close {
 }
 
 .team .team-icon {
-  display: inline-block;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
   width: 40px;
   height: 40px;
   border-radius: 20px;
@@ -8518,10 +8526,12 @@ button.close {
   border-width: 4px;
   border-style: solid;
   margin-right: 0;
+  color: white;
 }
 
 .team .team-icon.empty {
   background-color: transparent !important;
+  color: black;
 }
 
 .team .team-name {
@@ -8725,6 +8735,11 @@ button.close {
   height: 200px;
 }
 
+.scoreboard th,
+.scoreboard td {
+  font-family: Helvetica, Arial, sans-serif;
+}
+
 .scoreboard td.score,
 .scoreboard th.score {
   text-align: center;

resources/assets/sass/app.scss

@@ -16,7 +16,9 @@
   align-items: center;
 
   .team-icon {
-    display: inline-block;
+    display: flex;
+    align-items: center;
+    justify-content: center;
     width: 40px;
     height: 40px;
     border-radius: 20px;
@@ -26,9 +28,11 @@
     border-width: 4px;
     border-style: solid;
     margin-right: 0;
+    color: white;
   }
   .team-icon.empty {
     background-color: transparent !important;
+    color: black;
   }
 
   .team-name {
@@ -232,6 +236,9 @@
 
 
 .scoreboard {
+  th, td {
+    font-family: Helvetica, Arial, sans-serif;
+  }
   td.score, th.score {
     text-align: center;
   }
@@ -241,6 +248,7 @@
   td .team-wrap {
     display: inline-block;
   }
+
 }
 
 

resources/views/scoreboard.blade.php

@@ -34,14 +34,15 @@
               </td>
               @foreach($missions as $mission)
               <td class="score">
-                @if(!Auth::guest())
-                  <div>{{ $mission->score($team) }}pts</div>
-                @endif
                 <div class="team-wrap">
                   <div class="team">
                     @if($mission->progress($team)[0] >= 1)
                       <span class="team-icon outlined {{ $mission->complete($team) ? '' : 'empty' }}" 
-                        style="background-color: #{{ $team->color }}; border-color: #{{ $team->color }};"></span> 
+                        style="background-color: #{{ $team->color }}; border-color: #{{ $team->color }};">
+                        @if(!Auth::guest())
+                          {{ $mission->score($team) }}
+                        @endif
+                      </span> 
                     @endif
                   </div>
                 </div>