improve spacing/sizes on very low resolutions

2025-12-06 00:01:36 +01:00 · 2020-07-09 12:46:36 +02:00
parent b742436e61
commit feb5595379
4 changed files with 41 additions and 13 deletions
--- a/static/site.css
+++ b/static/site.css
@@ -68,3 +68,22 @@ html {
 .image-max-dimensions{
  max-width: 400px;
 }
+
+@media(max-width: 440px){
+   .event-responsive{
+      padding-left: 0;
+      font-size: 5vw;
+   }
+   .date-responsive{
+      margin-right: 4vw !important;
+   }
+   .container-responsive{
+      margin-left: 0;
+      margin-right: 0;
+      padding-left: 0;
+      padding-right: 0;
+   }
+   .mt-0-u440{
+      margin-top: 0 !important;
+   }
+}
--- a/static/toggle_button.css
+++ b/static/toggle_button.css
@@ -60,4 +60,10 @@

  .switch-caption {
      float: left;
-  }
+  }
+
+@media(max-width: 440px){
+  .switch-caption{
+      font-size: 7vw !important;
+  }
+}