Revize 94c6eb49

Re #8159 - frontend HTML, JS syntax bugfixes, CSS improvements

website/public/css/style.scss

@@ -214 +214 @@
           max-width: none;
         }
       }
-
-      @include media-breakpoint-down(md) {
-        .btn {
-          width: 100%;
-        }
-      }
     }
   }
 }
@@ -1095 +1089 @@
     display: flex;
     justify-content: center;
     align-items: center;
+
+    @include media-breakpoint-down(md) {
+      width: 100%;
+      border-radius: .25rem;
+      margin-left: 0px;
+      margin-top: 10px;
+      margin-bottom: -10px;
+    }
+
     &:after{
       padding-bottom: 4px;
       content: '↺';
@@ -1103 +1106 @@
       transform: rotateZ(0);
       transition: all 0.6s cubic-bezier(0.075, 0.82, 0.165, 1);
     }
-    &:hover{
-      &:after {
-        transform: rotateZ(-90deg);
-        transition: all 0.6s cubic-bezier(0.075, 0.82, 0.165, 1);
-      }
-    }
 
-    @media (max-width: 991.98px) {
-      border-radius: .25rem;
-      margin-left: 0px;
-      margin-top: 10px;
-      margin-bottom: -10px;
-    }
-    
     &:hover {
       color: $primary-bg-color;
       background: rgba(255, 255, 255, 1) !important;
       -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.22);
       -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.22);
       box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.22);
+
+      &:after {
+        transform: rotateZ(-90deg);
+        transition: all 0.6s cubic-bezier(0.075, 0.82, 0.165, 1);
+      }
     }
 
     &:active, &:focus {
@@ -1182 +1177 @@
     text-align: left;
     letter-spacing: .4px;
     color: $primary-text-color;
+    background: $primary-bg-color;
 
     &:hover {
       background: #336dba;
@@ -1194 +1190 @@
     overflow-y: auto;
   }
 
+  .dropdown-item label {
+    width: 100% !important;
+    cursor: pointer;
+  }
+
   #dataset-dropdown-time .dropdown-item:nth-of-type(even) {
     background: rgba(0,0,0,.05);