Grow/shrink record sheet as viewport size permits

style.css

@@ -1,3 +1,9 @@
+@media (width >= 1800px) {
+  #record-sheet {
+    display: flex;
+  }
+}
+
 body {
   margin: 0;
   max-height: 100vh;
@@ -17,11 +23,14 @@ svg {
 div#content {
   flex-basis: 0;
   /* overflow: scroll; */
+  max-height: 100vh;
+  display: flex;
+  flex-direction: column;
 }
 
 #record-sheet {
-  max-height: 100vh;
-  overflow: auto;
+  /* max-height: 100%; */
+  overflow-y: auto;
   /* display: flex; */
   /* display: none; */
 }
@@ -159,9 +168,3 @@ rect#debug-view-box {
   fill: blue;
   fill-opacity: 0.2;
 }
-
-@media (width >= 1800px) {
-  body {
-    display: flex;
-  }
-}