Global autoformat

webassets/css/style.css

@@ -1,10 +1,11 @@
 /* NAVIGATION */
 
 .navbar-nav .nav-link.active {
-  font-weight: bold;
+    font-weight: bold;
 }
+
 .navbar-nav .nav-link i {
-  margin-right: 0.2em;
+    margin-right: 0.2em;
 }
 
 /* In embedded mode, hide header/footer/settings. "#header div" is kind of janky but for some reason if we hide the
@@ -26,9 +27,11 @@ whole of #header, the map vertical sizing breaks. */
     border-top: 1px solid grey;
     border-left: 1px solid grey;
 }
+
 [embedded-mode=true] #embeddedModeFooter {
     display: block;
 }
+
 #embeddedModeFooter img.logo {
     position: relative;
     top: -2px;
@@ -50,15 +53,15 @@ whole of #header, the map vertical sizing breaks. */
 /* GENERAL PAGE LAYOUT */
 
 div.container {
-   display:grid;
-   grid-template-rows:auto 1fr auto;
-   grid-template-columns:100%;
+    display: grid;
+    grid-template-rows:auto 1fr auto;
+    grid-template-columns:100%;
 
-   /* fallback height */
-   min-height:100vh;
+    /* fallback height */
+    min-height: 100vh;
 
-   /* new small viewport height for modern browsers */
-   min-height:100svh;
+    /* new small viewport height for modern browsers */
+    min-height: 100svh;
 }
 
 [embedded-mode=true] div.container {
@@ -69,15 +72,15 @@ div.container {
 
 /* ABOUT PAGE */
 
-#info-container{
+#info-container {
     width: 100%;
 }
 
 @media (min-width: 768px) {
-  #info-container{
-    max-width: 60em;
-    margin: 0 auto;
-  }
+    #info-container {
+        max-width: 60em;
+        margin: 0 auto;
+    }
 }
 
 
@@ -161,6 +164,7 @@ a.dx-link {
     text-decoration: none;
     font-weight: bold;
 }
+
 a.sig-ref-link {
     color: var(--bs-emphasis-color);
     text-decoration: none;
@@ -171,21 +175,23 @@ tr.table-faded td {
     filter: grayscale(100%) opacity(30%) !important;
     text-decoration: line-through !important;
 }
+
 tr.table-faded td span {
     text-decoration: line-through !important;
 }
 
 /* New spot styles */
 tr.new td {
-  animation: 2s linear newspotanim;
+    animation: 2s linear newspotanim;
 }
+
 @keyframes newspotanim {
-  0% {
-    background-color: var(--bs-success-border-subtle);
-  }
-  100% {
-    background-color: initial;
-  }
+    0% {
+        background-color: var(--bs-success-border-subtle);
+    }
+    100% {
+        background-color: initial;
+    }
 }
 
 
@@ -196,7 +202,7 @@ tr.new td {
     overflow: hidden;
 }
 
-#table-container table{
+#table-container table {
     margin-bottom: 0;
 }
 
@@ -219,6 +225,7 @@ div#map {
 .leaflet-container {
     font-family: var(--bs-body-font-family) sans-serif !important;
 }
+
 .leaflet-control-attribution {
     background: none;
 }
@@ -343,6 +350,7 @@ div.band-spot:hover span.band-spot-info {
 .input-narrow {
     max-width: 8em;
 }
+
 .input-medium {
     max-width: 12em;
 }
@@ -360,22 +368,27 @@ div.band-spot:hover span.band-spot-info {
     .hideonmobile {
         display: none !important;
     }
+
     /* Make map stretch to horizontal screen edges */
     div#map, div#table-container, div#bands-container {
         margin-left: -1em;
         margin-right: -1em;
     }
+
     /* Avoid map page filters panel being larger than the map itself */
     #settingsButtonRowMap .appearing-panel {
         max-height: 30em;
     }
+
     #settingsButtonRowMap .appearing-panel .card-body {
         max-height: 26em;
         overflow: scroll;
     }
+
     input#search {
         max-width: 7em;
     }
+
     .table-fixed-on-desktop {
         table-layout: auto !important;
     }