Merge pull request #2646 from GreenAsJade/final_action_timing_to_the_top

"Final action" to the top of game timings
online-go · Apr 1, 2024 · 037a9cd · 037a9cd
2 parents e94db3c + bf6deaf
commit 037a9cd
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 4 deletions.
diff --git a/src/views/Game/GameTimings.styl b/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;
+    }
 }
diff --git a/src/views/Game/GameTimings.tsx b/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>
     );
 }