Web Dev Solutions

Catalin Mititiuc

aboutsummaryrefslogtreecommitdiff
path: root/style.css
diff options
context:
space:
mode:
authorCatalin Mititiuc <Catalin.Mititiuc@gmail.com>2024-03-27 14:31:32 -0700
committerCatalin Mititiuc <Catalin.Mititiuc@gmail.com>2024-03-27 14:31:32 -0700
commit6c940cf89aae3c610c8f8406da7b5810466a75cc (patch)
tree083183068454e9a09e1de2c2e87323f0c687d6bd /style.css
parent1add30fc6ebf8b17753368a33ecbd8117c4ef50a (diff)
Increase map to 2 map sheets; fix some layout/styles
Diffstat (limited to 'style.css')
-rw-r--r--style.css47
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;