Merge pull request #211 from osamhack2021/feature/front-temp-design

edit side nav
osamhack2021 · Oct 16, 2021 · f1c6645 · f1c6645
2 parents 9aed5fb + fbd5ef0
commit f1c6645
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 4 deletions.
diff --git a/WEB/frontend/src/components/Modal/SideNavigation.js b/WEB/frontend/src/components/Modal/SideNavigation.js
@@ -132,8 +132,12 @@ export default function SideNavigation(props) {
         </List>
         <ListItem>
           <ListItemText
-            primary="Copyright © 2021. RISKOUT All rights reserved."
-            className="copyright"
+            primary="Copyright © 2021. RISKOUT"
+            className="copyright1"
+          />
+          <ListItemText
+            primary="All rights reserved."
+            className="copyright2"
           />
         </ListItem>
       </Drawer>

diff --git a/WEB/frontend/src/css/SideNavigation.css b/WEB/frontend/src/css/SideNavigation.css
@@ -104,7 +104,8 @@ body::-webkit-scrollbar {
 .iconMenuBox .inconMenuLink:hover * {
   color: #3a8ffb;
 }
-.sub_header .copyright {
+
+.sub_header .copyright1 {
   /*Copyright position*/
   position: absolute;
   left: 0.4em;
@@ -113,9 +114,19 @@ body::-webkit-scrollbar {
   width: 100%;
 }
 
+.sub_header .copyright2 {
+  /*Copyright position*/
+  position: absolute;
+  left: 1.5em;
+  top: 33em;
+  color: rgb(248, 246, 240);
+  width: 100%;
+}
+
 .sub_header [class$='MuiTypography-root'] {
   /*Copyright font size*/
   font-size: 11px;
-  margin-left: 12px;
+  margin-left: 44px;
   font-family: 'Montserrat';
+  width: 67%;
 }