fix mobile overscroll

src/style.css

@@ -24,7 +24,7 @@ body {
 
 @media screen and (max-width: 750px) {
   .slots {
-    grid-template-columns: 1fr;
+    grid-template-columns: minmax(0, 1fr);
   }
 }
 
@@ -98,10 +98,11 @@ button {
   color: white;
   font-size: 16px;
   border: 2px solid white;
-  padding: 4px;
+  padding: 4px 6px;
   cursor: pointer;
   height: 30px;
   flex-shrink: 0;
+  white-space: nowrap;
 }
 
 button:hover {
@@ -116,3 +117,26 @@ a:hover {
   background-color: #cccccc;
   color: black;
 }
+
+body > header {
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-start;
+  /* padding: 6px; */
+}
+
+nav {
+  padding: 3px;
+}
+
+.dialog-container {
+  /* position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  z-index: 100; */
+}