added number control elem style

diff --git a/style/style.css b/style/style.css
index d797cc9bd4cfaca3d2fa97ea421614f66515d37e..bb4b50d542c73ebc90b310b57e7acf46296228c4 100644 (file)
--- a/style/style.css
+++ b/style/style.css
@@ -3,7 +3,7 @@ html, body {
 
 body {
     background-color: #f0f0f0;
-    /* overflow: hidden; */
+    overflow: hidden; /* this is for chrome to hide scrollbars */
     position: absolute;
     /* margin-left: -5px; */
 }
@@ -140,3 +140,31 @@ h3 {
     background: #222222;
     color: #dddddd;
 }
+
+/* number inc/dec for region selection */
+#number_control {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    font-family: "Roboto Condensed", sans-serif;
+    font-size: 15px;
+}
+
+#number_control button {
+    padding: 0.5rem 1rem;
+    /* font-size: 15px; */
+    background-color: #f0f0f0;
+    border: 1px solid #ccc;
+    border-radius: 0.3rem;
+    cursor: pointer;
+    transition: background-color 0.2s;
+}
+
+#number_control button:hover {
+    background-color: #e0e0e0;
+}
+
+.num_value_input {
+    width: 3rem;
+    text-align: center;
+}