From 6c940cf89aae3c610c8f8406da7b5810466a75cc Mon Sep 17 00:00:00 2001
From: Catalin Mititiuc
Date: Wed, 27 Mar 2024 14:31:32 -0700
Subject: Increase map to 2 map sheets; fix some layout/styles
---
style.css | 47 +++++++++++++++++++++++++++++------------------
1 file changed, 29 insertions(+), 18 deletions(-)
(limited to 'style.css')
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;
--
cgit v1.2.3