From fd3a8db71daaee1e240e16d5e88d3db964a3b031 Mon Sep 17 00:00:00 2001
From: Jesse McDonald <nybble41@gmail.com>
Date: Sun, 10 May 2020 17:56:00 -0500
Subject: [PATCH] fix for too much padding in side-panel header

---
 css/chess.css | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/css/chess.css b/css/chess.css
index 2796c02..03fa63e 100644
--- a/css/chess.css
+++ b/css/chess.css
@@ -65,7 +65,6 @@ body > #page {
 
 #header > h1 {
    font-family: 'Vollkorn', serif;
-   width: 100%;
    text-align: center;
    font-size: 1.2rem;
    line-height: 2.4rem;
@@ -73,10 +72,13 @@ body > #page {
    padding: 0;
    padding-top: 0.1rem;
    height: 2.5rem;
+   white-space: nowrap;
+   flex: 1 0 auto;
 }
 
 #header > button {
-   width: 4rem;
+   flex: 0 0 auto;
+   width: 2.5rem;
    height: 2.5rem;
    border: none;
    background: none;
@@ -108,11 +110,12 @@ input.image-checkbox:focus {
 }
 
 #header > .checkbox-container {
+   flex: 0 0 auto;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
-   width: 4rem;
+   width: 2.5rem;
    height: 2.5rem;
    border: none;
    background: none;