etapa 1 front ent :art:

psicoadmin/src/App.css

@@ -45,7 +45,21 @@
 .Mui-selected > .MuiListItemIcon-root{
     color : #FFF !important;
 }
-
 .MuiBadge-badge{
     background-color : #fd4b4b !important;
 }
+
+.MuiToolbar-root{
+    border-bottom: 1px solid #fd4b4b !important;
+}
+
+.MuiListSubheader-root{
+    padding-left : 15px !important;
+    color : #cbcbcb !important;
+    font-weight : bold !important;
+    padding-bottom : 0px !important;
+    margin-bottom : 0px !important;
+    line-height: 30px !important;
+    font-size : 12px !important;
+}
+

psicoadmin/src/Components/Dashboard.js

@@ -14,6 +14,8 @@ import Container from '@mui/material/Container';
 import Avatar from '@mui/material/Avatar';
 
 import MenuIcon from '@mui/icons-material/Menu';
+import FullscreenIcon from '@mui/icons-material/Fullscreen';
+
 import ChevronLeftIcon from '@mui/icons-material/ChevronLeft';
 import NotificationsIcon from '@mui/icons-material/Notifications';
 import { MainListItems, secondaryListItems } from './listItems';
@@ -103,14 +105,31 @@ function DashboardContent() {
             <Box sx={{ display: 'flex' }}>
                 <CssBaseline />
                 <AppBar style={{ backgroundColor : '#fff' }} position="absolute" open={open}>
-                    <Toolbar sx={{ pr: '24px' }} >
+                    <Toolbar sx={{ pr: '24px' ,  borderBottom : "1px solid #ec5e69"}} >
 
                         <IconButton style={{ color : '#212529' }} edge="start" color="inherit" aria-label="open drawer" onClick={toggleDrawer} sx={{ marginRight: '36px', ...(open && { display: 'none' }), }} >
                             <MenuIcon />
                         </IconButton>
 
                         <Typography component="h1" variant="h6" color="inherit" noWrap sx={{ flexGrow: 1 }} >
-                           revelation come
+
+                        <IconButton onClick={toggleDrawer}>
+                            {
+                                open ? 
+                                    (
+                                    <React.Fragment>
+                                        <MenuIcon />
+                                        <FullscreenIcon style={{ marginLeft : 15 }}/>
+                                    </React.Fragment>
+                                    )
+                                : undefined
+
+                            }
+                        </IconButton>
+
+
+
+
                         </Typography>
 
 
@@ -169,23 +188,18 @@ function DashboardContent() {
                         sx={{
                             display: 'flex',
                             alignItems: 'center',
-                            justifyContent: 'flex-end',
+                            justifyContent: 'flex-start',
                             px: [1],
                             
                         }} >
 
-                            <div className="sidebar-header">
+                        <div style={{ flat : 'righ' }} className="sidebar-header">
                                 <div className="width_img">
                                     <img src={Logo} alt=""/>
                                 </div>
                             </div>
 
 
-                        <IconButton onClick={toggleDrawer}>
-                            <ChevronLeftIcon />
-                        </IconButton>
-
-
 
 
                     </Toolbar>