1 files changed, 29 insertions, 18 deletions
diff --git a/style.css b/style.css
index 5ea3cd0..9603e1a 100644
--- a/style.css
+++ b/style.css
@@ -1,14 +1,39 @@
+body {
+  margin: 0;
+  max-height: 100vh;
+  display: flex;
+  overflow: hidden;
+}
+
 svg {
   background-color: darkgray;
   flex-basis: 100%;
+  /* transform: rotate(-90deg);
+  transform-origin: center; */
+  /* max-height: 50vh; */
+  /* max-height: 100vw; */
 }
 
 div#content {
   flex-basis: 0;
+  /* overflow: scroll; */
 }
 
-body {
-  margin: 0;
+#record-sheet {
+  max-height: 100vh;
+  overflow: auto;
+  /* display: flex; */
+  /* display: none; */
+}
+
+#record-sheet > div {
+  padding: 0 2px;
+}
+
+#record-sheet > div > div {
+  border: 1px solid black;
+  margin: 2px 0;
+  padding: 2px;
 }
 
 circle#point {
@@ -86,6 +111,7 @@ line.ruler {
 
 .soldier-record {
   display: inline-block;
+  position: relative;
   white-space: nowrap;
 }
 
@@ -94,7 +120,7 @@ image#img1 {
   /* opacity: 0.33; */
 }
 
-image#img2 {
+image.map-scans {
   transform: scale(1.39, 1.407) rotate(0.07deg);
   /* opacity: 0.33; */
 }
@@ -117,21 +143,6 @@ image#img2 {
   font-size: 30;
 }
 
-#record-sheet {
-  display: flex;
-  /* display: none; */
-}
-
-#record-sheet > div {
-  padding: 0 2px;
-}
-
-#record-sheet > div > div {
-  border: 1px solid black;
-  margin: 2px 0;
-  padding: 2px;
-}
-
 img.logo {
   width: 100px;
   margin: 0 auto;