cssed the last row (final action) of game timing up to the top to red…

…uce scrolling to find it

src/views/Game/GameTimings.styl

@@ -48,4 +48,9 @@
     .span-4 {
         grid-column: span 4;
     }
+
+    .final-action-row {
+        grid-row: 2; // final action time at the top for easy viewing in escape cases
+        padding-bottom: 0.2rem;
+    }
 }

src/views/Game/GameTimings.tsx

@@ -240,17 +240,16 @@ export function GameTimings(props: GameTimingProperties): JSX.Element {
             <div>Totals:</div>
             <div>{moment.duration(black_elapsed).format()}</div>
             <div>{moment.duration(white_elapsed).format()}</div>
-            <div>{/* empty cell at end of row */}</div>
-            <div className="span-3">Final action:</div>
-            <div>
+            <div>{moment.duration(game_elapsed).format()}</div>
+            <div className="span-3 final-action-row">Final action:</div>
+            <div className="final-action-row">
                 {props.end_time &&
                     show_seconds_resolution(
                         moment
                             .duration(props.end_time - props.start_time, "seconds")
                             .subtract(game_elapsed),
                     )}
             </div>
-            <div>{/* empty cell at end of row */}</div>
         </div>
     );
 }