navbar layout fixes

openml · Nov 5, 2023 · cf09ab7 · cf09ab7
1 parent 842a7e7
commit cf09ab7
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/app/src/components/navbar/Navbar.js b/app/src/components/navbar/Navbar.js
@@ -17,6 +17,7 @@ import {
   InputBase,
   Tooltip,
   useMediaQuery,
+  Divider,
 } from "@mui/material";
 
 import { SearchProvider, SearchBox } from "@elastic/react-search-ui";
@@ -241,9 +242,15 @@ const Navbar = ({ onDrawerToggle, ecolor }) => {
                     toggleSearch={() => setShowSearchBar((prev) => !prev)}
                   />
                 </Grid>
+                <Divider
+                  orientation="vertical"
+                  flexItem
+                  variant="middle"
+                  sx={{ display: { xs: "block", md: "none" }, m: 2 }}
+                />
                 <Grid item>
                   <NavbarLanguagesDropdown />
-                  <NavbarCreationDropdown />
+                  {!smallerThanMid && <NavbarCreationDropdown />}
                   <NavbarNotificationsDropdown />
                   <NavbarUserDropdown />
                 </Grid>