three dots icon and layout fixes

City-of-Helsinki · May 30, 2024 · cd3dd51 · cd3dd51
1 parent 762306a
commit cd3dd51
Showing 1 changed file with 48 additions and 43 deletions.
diff --git a/src/components/topNavigation/_top-navigation.scss b/src/components/topNavigation/_top-navigation.scss
@@ -97,8 +97,8 @@
           margin-left: rem-calc(5px);
           background-color: #0078c0;
         }
-      }
 
+      }
       .logout-link {
         color: $blue;
         font-weight: $semibold;
@@ -113,58 +113,63 @@
         }
       }
     }
-  }
 
-  .menuIcon, .userIcon, .flagIcon {
-    width: 27px;
-    height: 27px;
-    fill: $black;
-    cursor: pointer;
-  }
+    .menuIcon,
+    .userIcon,
+    .flagIcon {
+      width: 27px;
+      height: 27px;
+      fill: $black;
+      cursor: pointer;
+    }
 
-  .menuIcon:hover, .userIcon:hover {
-    fill: $blue;
-  }
+    .menuIcon:hover,
+    .userIcon:hover {
+      fill: $blue;
+    }
 
-  .menuIcon {
-    width: rem-calc(25px);
-    height: rem-calc(25px);
-    baseline-shift: rem-calc(10px);
-  }
+    .menuIcon {
+      width: rem-calc(25px);
+      height: rem-calc(25px);
+      baseline-shift: rem-calc(10px);
+    }
 
-  .search {
-    margin: 0 rem-calc(40px) 0 0;
-  }
+    .search {
+      margin: 0 rem-calc(40px) 0 0;
+    }
 
-  .flag {
-    position: relative;
-    margin: 0 rem-calc(60px) 0 0;
-  }
+    .flag {
+      position: relative;
+      margin: 0 rem-calc(60px) 0 0;
+    }
 
-  .user-service-unit {
-    border-right: 1px solid #ddd;
-    padding-right: 20px;
+    .user-service-unit {
+      border-right: 1px solid #ddd;
+      padding-right: 20px;
 
-    form {
-      min-width: 200px;
-    }
+      form {
+        min-width: 200px;
+        label {
+          display: inline;
 
-    .user-service-unit-text {
-      line-height: 1.25;
-      text-align: right;
-    }
+        }
+      }
 
-    .service-unit-label {
-      font-size: 0.8rem;
-      color: #666666;
-      font-weight: 400;
-    }
+      .user-service-unit-text {
+        line-height: 1.25;
+        text-align: right;
+      }
 
-    .service-unit-name {
-      font-size: 0.85rem;
-      font-weight: 500;
+      .service-unit-label {
+        font-size: 0.8rem;
+        color: #666666;
+        font-weight: 400;
+      }
+
+      .service-unit-name {
+        font-size: 0.85rem;
+        font-weight: 500;
+      }
     }
   }
-
-
 }