sidebar reconfigured

amosproj · May 15, 2021 · b4b57a7 · b4b57a7
1 parent dfc0e2a
commit b4b57a7
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 3 deletions.
diff --git a/frontend/public/index.html b/frontend/public/index.html
@@ -6,6 +6,8 @@
         <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css" />
         <link rel="stylesheet" href="https://www.w3schools.com/lib/w3-colors-2018.css" />
         <link rel="stylesheet" href="https://www.w3schools.com/lib/w3-colors-2019.css" />
+        <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
         <meta name="viewport" content="width=device-width, initial-scale=1" />
         <meta name="theme-color" content="#000000" />
         <!--

diff --git a/frontend/src/components/header/HeaderComponent.js b/frontend/src/components/header/HeaderComponent.js
@@ -147,7 +147,7 @@ function HeaderComponent() {
     }
 
     return (
-        <Row className={classes.container} style={{background: theme.uniformStyle.color.secondaryBackgroundColor, marginLeft:-15,marginTop:-30,height:50}} vertical='center' horizontal='space-between'>
+        <Row className={classes.container} style={{background: theme.uniformStyle.color.secondaryBackgroundColor,marginTop:-30,marginLeft:-30,height:50}} vertical='center' horizontal='space-between'>
             <span className={classes.title} style={{marginLeft:10, fontSize:20,marginTop:10}}>{title}</span>
 
             <Row vertical='center'>

diff --git a/frontend/src/components/sidebar/SidebarComponent.js b/frontend/src/components/sidebar/SidebarComponent.js
@@ -26,6 +26,7 @@ import logo from 'assets/logo/LogoCarbonteam.png';
  * @author Martin Wagner 
  */
 
+
 const useStyles = createUseStyles({
     separator: {
         borderTop: ({ theme }) => `1px solid ${theme.color.lightGrayishBlue}`,

diff --git a/frontend/src/routes/PrivateSection.js b/frontend/src/routes/PrivateSection.js
@@ -17,8 +17,9 @@ const useStyles = createUseStyles({
         minHeight: 850
     },
     mainBlock: {
-        marginLeft: 255,
-        padding: 30,
+        marginLeft: 225,
+        marginTop:30,
+        padding: 0,
         '@media (max-width: 1080px)': {
             marginLeft: 0
         }