1 files changed, 30 insertions, 8 deletions
diff --git a/style.css b/style.css
index 68e5294..8de53aa 100644
--- a/style.css
+++ b/style.css
@@ -8,14 +8,21 @@ body {
 svg {
   background-color: darkgray;
   flex-basis: 100%;
-  /* transform: rotate(-90deg);
-  transform-origin: center; */
   /* max-height: 50vh; */
   /* max-height: 100vw; */
 }
 
 svg text {
   user-select: none;
+  font-size: 4px;
+  fill: white;
+  stroke: black;
+  stroke-width: 0.2px;
+  font-weight: bold;
+  transform: translateY(6px);
+  font-family: monospace;
+  text-anchor: middle;
+  /* display: none; */
 }
 
 div#content {
@@ -27,6 +34,7 @@ div#content {
   max-height: 100vh;
   flex-direction: column;
   /* padding: 2px; */
+  position: relative;
 }
 
 #content > div:first-of-type {
@@ -34,6 +42,23 @@ div#content {
   border-bottom: 1px solid gray;
 }
 
+#content > div {
+  display: none;
+}
+
+#content input[type="checkbox"].visible {
+  position: absolute;
+  right: 0;
+}
+
+#content:has(input[type="checkbox"].visible:checked) > div {
+  display: block;
+}
+
+#content:has(input[type="checkbox"].visible:checked) div#record-sheet {
+  display: flex;
+}
+
 #record-sheet {
   /* max-height: 100%; */
   overflow-y: auto;
@@ -73,13 +98,14 @@ div#content {
 }
 
 svg > defs > #point {
-  fill: transparent;
+  fill: teal;
+  fill-opacity: 0.5;
   stroke: black;
   stroke-width: 0.5px;
 }
 
 use[href="#point"] {
-  opacity: 0;
+  opacity: 0.2;
 }
 
 use[href="#point"].active {
@@ -90,10 +116,6 @@ g#points {
   transform: translate(19px, 31px) scale(4);
 }
 
-g#test {
-  transform: scale(2);
-}
-
 #background {
   fill: #bacae3;
 }