1 files changed, 27 insertions, 5 deletions
diff --git a/static/input.css b/static/input.css
index 8776b25..cfc7391 100644
--- a/static/input.css
+++ b/static/input.css
@@ -88,6 +88,15 @@
     --squares-and-triangles-background-height-coef: 15;
 }
 
+a {
+    color: var(--main-medium-color) !important;
+    text-decoration: underline;
+}
+
+a:hover {
+    color: var(--main-light-color) !important;
+}
+
 .bg-interlocked-hexagons {
     background-image: var(--interlocked-hexagons-background);
     background-repeat: var(--interlocked-hexagons-background-repeat);
@@ -154,10 +163,6 @@
     background-size: calc(var(--squares-and-triangles-background-width-coef) * 1vw) calc(var(--squares-and-triangles-background-height-coef) * 1vw);
 }
 
-body:has(.lg-container:not([class~="lg-inline"])) .desktop-sidebar-custom {
-    display: none !important;
-}
-
 .mobile-topbar-custom {
     width: 90vw;
     height: 8%;
@@ -165,7 +170,7 @@ body:has(.lg-container:not([class~="lg-inline"])) .desktop-sidebar-custom {
     margin-left: 5vw;
 }
 
-body:has(.lg-container:not([class~="lg-inline"])) .mobile-topbar-custom {
+body:has(.lg-container:not([class~="lg-inline"])) #sidebar {
     display: none !important;
 }
 
@@ -336,6 +341,11 @@ body:has(.lg-container:not([class~="lg-inline"])) .mobile-topbar-custom {
     }
 }
 
+body[data-theme~="night"] .leaflet-tile,
+body[data-theme~="ram"] .leaflet-tile {
+    filter: invert(1) hue-rotate(190deg) contrast(1.1) brightness(1.2) !important;
+}
+
 @media (min-aspect-ratio: 0.8/1) {
     .ar-gt-0\.8\:mr-\[1\.2vmin\] {
         margin-right: 1.2vmin;
@@ -416,6 +426,10 @@ body:has(.lg-container:not([class~="lg-inline"])) .mobile-topbar-custom {
         height: 10vh;
     }
 
+    .ar-lt-0\.8\:h-\[30vh\] {
+        height: 30vh;
+    }
+
     .ar-lt-0\.8\:h-\[90vh\] {
         height: 90vh;
     }
@@ -424,6 +438,10 @@ body:has(.lg-container:not([class~="lg-inline"])) .mobile-topbar-custom {
         width: 8vh;
     }
 
+    .ar-lt-0\.8\:w-\[80\%\] {
+        width: 80%;
+    }
+
     .ar-lt-0\.8\:w-\[90vw\] {
         width: 90vw;
     }
@@ -436,6 +454,10 @@ body:has(.lg-container:not([class~="lg-inline"])) .mobile-topbar-custom {
         max-height: 80%;
     }
 
+    .ar-lt-0\.8\:max-h-\[calc\(100\%-25vh\)\] {
+        max-height: calc(100% - 25vh);
+    }
+
     .ar-lt-0\.8\:text-\[5vh\] {
         font-size: 5vh;
     }