From a9d73ecd5730848b5a97991e3a65f2ddcc2752a9 Mon Sep 17 00:00:00 2001
From: pantonshire <tom@tomandtally.co.uk>
Date: Thu, 15 Jun 2023 17:16:48 +0100
Subject: [PATCH] safe area for iphone notch, button styling

---
 src/app/globals.css     | 5 +++++
 src/app/page.module.css | 6 ++----
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/app/globals.css b/src/app/globals.css
index 319c6f1..7bd5fcd 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -17,6 +17,11 @@ html,
 body {
   max-width: 100vw;
   overflow-x: hidden;
+  padding:
+    env(safe-area-inset-top)
+    env(safe-area-inset-right)
+    env(safe-area-inset-bottom)
+    env(safe-area-inset-left);
 }
 
 a {
diff --git a/src/app/page.module.css b/src/app/page.module.css
index ad1166e..1935461 100644
--- a/src/app/page.module.css
+++ b/src/app/page.module.css
@@ -56,16 +56,13 @@
 #output_table {
   margin: 0 auto;
   font-size: 0.9rem;
+  white-space: nowrap;
 }
 
 .output_table_regular tbody th:nth-child(1) {
   text-align: center;
 }
 
-.output_table_regular {
-  white-space: nowrap;
-}
-
 .output_table_transposed th,
 .output_table_transposed td {
   vertical-align: top;
@@ -79,6 +76,7 @@
 .button {
   padding: 0.25rem 2rem;
   display: block;
+  color: var(--main_1);
 }
 
 @media screen and (min-width: 40rem) {