fix: header - style

package-lock.json

@@ -8,7 +8,7 @@
       "version": "1.0.0",
       "license": "MIT",
       "dependencies": {
-        "@startinblox/hubl-styling-framework": "^1.0.8",
+        "@startinblox/hubl-styling-framework": "^1.0.9",
         "fs-extra": "^9.0.1",
         "normalize.css": "^8.0.1",
         "parcel-bundler": "^1.12.4",
@@ -1442,9 +1442,9 @@
       }
     },
     "node_modules/@startinblox/hubl-styling-framework": {
-      "version": "1.0.8",
-      "resolved": "https://registry.npmjs.org/@startinblox/hubl-styling-framework/-/hubl-styling-framework-1.0.8.tgz",
-      "integrity": "sha512-OTfmxhl5KBzK4Z7u0oZFUls1rPkHZur0moiecIrj+4Rq92ODIpQcA2Tq4YLxIw0GQZh8HhtAZsRmpM567Aw4PQ=="
+      "version": "1.0.9",
+      "resolved": "https://registry.npmjs.org/@startinblox/hubl-styling-framework/-/hubl-styling-framework-1.0.9.tgz",
+      "integrity": "sha512-eGBcWXs/Ywy8mDoeoT1LqZ+vYyBbO4jbVq4AE151Oq1WDt5m9SeEfnMLh8T6uf8uQkaxooSo1R9A7u9GoxLmsw=="
     },
     "node_modules/@types/q": {
       "version": "1.5.4",
@@ -10603,9 +10603,9 @@
       }
     },
     "@startinblox/hubl-styling-framework": {
-      "version": "1.0.8",
-      "resolved": "https://registry.npmjs.org/@startinblox/hubl-styling-framework/-/hubl-styling-framework-1.0.8.tgz",
-      "integrity": "sha512-OTfmxhl5KBzK4Z7u0oZFUls1rPkHZur0moiecIrj+4Rq92ODIpQcA2Tq4YLxIw0GQZh8HhtAZsRmpM567Aw4PQ=="
+      "version": "1.0.9",
+      "resolved": "https://registry.npmjs.org/@startinblox/hubl-styling-framework/-/hubl-styling-framework-1.0.9.tgz",
+      "integrity": "sha512-eGBcWXs/Ywy8mDoeoT1LqZ+vYyBbO4jbVq4AE151Oq1WDt5m9SeEfnMLh8T6uf8uQkaxooSo1R9A7u9GoxLmsw=="
     },
     "@types/q": {
       "version": "1.5.4",

package.json

@@ -45,7 +45,7 @@
     ]
   },
   "dependencies": {
-    "@startinblox/hubl-styling-framework": "^1.0.8",
+    "@startinblox/hubl-styling-framework": "^1.0.9",
     "fs-extra": "^9.0.1",
     "normalize.css": "^8.0.1",
     "parcel-bundler": "^1.12.4",

src/styles/header/_index.scss

@@ -3,6 +3,15 @@ header {
   position: fixed;
   z-index: 999;
 
+  >div {
+    display: flex;
+
+    >div {
+      display: flex;
+      margin-left: auto;
+    }
+  }
+
   solid-link {
     align-self: center;
 
@@ -20,15 +29,6 @@ header {
     margin-left: 60px;
   }
 
-  >div {
-    display: flex;
-  }
-
-  div.test {
-    display: flex;
-    margin-left: auto;
-  }
-
   solid-notifications {
     color: var(--color-heading);
     align-self: center;

src/views/partials/header.pug

@@ -7,7 +7,7 @@ div
 
   span.tag.reversed.text-semibold(data-trans='header.beta')
 
-  div.test
+  div
     solid-notifications.segment.notLoggedIn(
       nested-field="inbox"
       bind-user