From 82263d0a88df89d5a245a29e683d8df607d4f97f Mon Sep 17 00:00:00 2001
From: Benedikt Werner <1benediktwerner@gmail.com>
Date: Sun, 3 Oct 2021 07:17:20 +0200
Subject: [PATCH] Fix gap below round board on new Chromium

---
 ui/round/css/_app-layout.scss | 3 +--
 ui/round/css/_constants.scss  | 9 ---------
 ui/round/css/_streamer.scss   | 1 -
 3 files changed, 1 insertion(+), 12 deletions(-)

diff --git a/ui/round/css/_app-layout.scss b/ui/round/css/_app-layout.scss
index 14e8159a4e..8611c4e65c 100644
--- a/ui/round/css/_app-layout.scss
+++ b/ui/round/css/_app-layout.scss
@@ -47,7 +47,7 @@
   display: grid;
 
   @include breakpoint($mq-col1) {
-    grid-template-rows: auto $col1-pocket-height $col1-user-height $col1-mat-height auto $expiration-height $col1-mat-height $col1-user-height $col1-pocket-height;
+    grid-template-rows: auto auto $col1-user-height $col1-mat-height auto auto $col1-mat-height $col1-user-height auto;
     grid-template-areas: 'moves' 'pocket-top' 'user-top' 'mat-top' 'board' 'expi-bot' 'mat-bot' 'user-bot' 'pocket-bot' 'kb-move' 'controls';
 
     // Put clocks and players in the same grid cell.
@@ -78,7 +78,6 @@
 
   @include breakpoint($mq-col2) {
     grid-template-columns: $col2-uniboard-width $col2-uniboard-table;
-    grid-template-rows: 1fr $material-height $clock-height $expiration-height $user-height $moves-height $controls-height $user-height $expiration-height $clock-height $material-height 1fr;
     grid-template-areas: 'board .' 'board mat-top' 'board clock-top' 'board expi-top' 'board user-top' 'board moves' 'board controls' 'board user-bot' 'board expi-bot' 'board clock-bot' 'board mat-bot' 'board .' 'kb-move .';
     grid-column-gap: $block-gap;
 
diff --git a/ui/round/css/_constants.scss b/ui/round/css/_constants.scss
index 8936472ff1..7dc0f40729 100644
--- a/ui/round/css/_constants.scss
+++ b/ui/round/css/_constants.scss
@@ -12,12 +12,3 @@ $rmoves-tag: 'rm6';
 $moves-tag: 'l4x';
 $index-tag: 'i5z';
 $active-class: 'a1t';
-
-// app-layout
-$col1-pocket-height: auto;
-$material-height: auto;
-$clock-height: auto;
-$expiration-height: min-content;
-$user-height: auto;
-$moves-height: auto;
-$controls-height: auto;
diff --git a/ui/round/css/_streamer.scss b/ui/round/css/_streamer.scss
index 33f72de1e7..2fdea27f9f 100644
--- a/ui/round/css/_streamer.scss
+++ b/ui/round/css/_streamer.scss
@@ -5,7 +5,6 @@ $player-height: 30px;
 @include breakpoint($mq-col2-uniboard) {
   .round__app {
     grid-template-columns: $col2-uniboard-width $col2-uniboard-table;
-    grid-template-rows: $player-height 1fr $material-height $expiration-height $moves-height $controls-height $expiration-height $material-height 1fr $player-height;
     grid-template-areas: 'user-top .' 'board .' 'board mat-top' 'board expi-top' 'board moves' 'board controls' 'board expi-bot' 'board mat-bot' 'board .' 'user-bot .' 'kb-move .';
 
     margin-top: -0.5em;