fix: logo and header layout issues

jwplayer · Feb 22, 2024 · a0cca10 · a0cca10
1 parent 1791b4c
commit a0cca10
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/packages/ui-react/src/components/Header/Header.module.scss b/packages/ui-react/src/components/Header/Header.module.scss
@@ -226,11 +226,14 @@
   }
 
   .brand {
+    margin-right: 0;
+    margin-left: 0;
     text-align: center;
   }
 
   .menu,
   .actions {
+    justify-content: flex-end;
     width: 80px;
   }
 }
diff --git a/packages/ui-react/src/components/Logo/Logo.module.scss b/packages/ui-react/src/components/Logo/Logo.module.scss
@@ -9,7 +9,8 @@
 .logo {
   width: auto;
   max-width: 100%;
-  max-height: variables.$header-height - 10px;
+  height: auto;
+  max-height: variables.$header-height - 20px;
   vertical-align: middle;
   cursor: pointer;
 }