Merge pull request #804 from lethemanh/803-adjust-desktop-layout

#803 adjust desktop layout

src/components/Calendar/Sidebar/DesktopSidebar.tsx

@@ -30,7 +30,7 @@ export const DesktopSidebar: React.FC<CalendarSidebarProps> = ({
           paddingLeft: 3,
           paddingRight: 2,
           width: '270px',
-          marginTop: isIframe ? 0 : '70px'
+          marginTop: isIframe ? 1 : '70px'
         },
         zIndex: 5
       }}

src/components/Menubar/DesktopMenubar.tsx

@@ -1,4 +1,4 @@
-import { IconButton } from '@linagora/twake-mui'
+import { IconButton, useTheme } from '@linagora/twake-mui'
 import HelpOutlineIcon from '@mui/icons-material/HelpOutline'
 import RefreshIcon from '@mui/icons-material/Refresh'
 import { useI18n } from 'twake-i18n'
@@ -31,9 +31,13 @@ export const DesktopMenubar: React.FC<SharedMenubarProps> = ({
   onUserMenuClose
 }) => {
   const { t } = useI18n()
+  const theme = useTheme()
 
   return (
-    <header className="menubar">
+    <header
+      className="menubar"
+      style={{ borderBottom: `1px solid ${theme.palette.divider}` }}
+    >
       <div className="left-menu">
         {!isIframe && (
           <div className="menu-items">