fix(project): add spacing between search input and user menu icon

jwplayer · Aug 6, 2021 · de99481 · de99481
1 parent e31a46e
commit de99481
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/src/components/Header/Header.module.scss b/src/components/Header/Header.module.scss
@@ -123,6 +123,10 @@
   }
 }
 
+.userMenuButton {
+  margin-left: 8px;
+}
+
 //
 // mediaQueries
 // --------------------------------

diff --git a/src/components/Header/Header.tsx b/src/components/Header/Header.tsx
@@ -101,7 +101,7 @@ const Header: React.FC<Props> = ({
 
     return isLoggedIn ? (
       <React.Fragment>
-        <IconButton className={styles.iconButton} aria-label={t('open_user_menu')} onClick={() => toggleUserMenu(!userMenuOpen)}>
+        <IconButton className={classNames(styles.iconButton, styles.userMenuButton)} aria-label={t('open_user_menu')} onClick={() => toggleUserMenu(!userMenuOpen)}>
           <AccountCircle />
         </IconButton>
         <Popover isOpen={userMenuOpen} onClose={() => toggleUserMenu(false)}>