From 451b2f1c31a2e0196d727787bb02d003273c89ac Mon Sep 17 00:00:00 2001
From: Will Scullin <scullin@scullin.com>
Date: Sat, 4 Jun 2022 11:07:40 -0700
Subject: [PATCH] Push some pixels

---
 js/components/css/App.module.css    | 2 +-
 js/components/css/Inset.module.css  | 4 ++--
 js/components/css/Modal.module.css  | 2 +-
 js/components/css/Screen.module.css | 2 +-
 4 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/js/components/css/App.module.css b/js/components/css/App.module.css
index 4550f57..4df33f7 100644
--- a/js/components/css/App.module.css
+++ b/js/components/css/App.module.css
@@ -16,7 +16,7 @@ button {
     border: 1px outset #66594E;
     border-radius: 3px;
     font-size: 15px;
-    width: 75px;
+    min-width: 75px;
 }
 
 button:hover {
diff --git a/js/components/css/Inset.module.css b/js/components/css/Inset.module.css
index b41c344..2b0c332 100644
--- a/js/components/css/Inset.module.css
+++ b/js/components/css/Inset.module.css
@@ -2,7 +2,7 @@
     border-radius: 6px;
     border: 3px inset #f0edd0;
     padding: 6px;
-    margin: 10px auto;
+    margin: 0 auto;
     display: flex;
     width: 604px;
 }
@@ -13,6 +13,6 @@
 
 
 .inset button {
-    width: 36px;
+    min-width: 36px;
     margin: 0 2px;
 }
diff --git a/js/components/css/Modal.module.css b/js/components/css/Modal.module.css
index e01c50c..32107a4 100644
--- a/js/components/css/Modal.module.css
+++ b/js/components/css/Modal.module.css
@@ -38,7 +38,7 @@
 }
 
 .modalHeader button {
-    width: 36px;
+    min-width: 36px;
 }
 
 .modalTitle {
diff --git a/js/components/css/Screen.module.css b/js/components/css/Screen.module.css
index 7a2706e..a5235be 100644
--- a/js/components/css/Screen.module.css
+++ b/js/components/css/Screen.module.css
@@ -4,7 +4,7 @@
 }
 
 .display {
-    margin: 5px auto;
+    margin: 5px auto 10px auto;
 }
 
 :global(.full-page) .display {