1 files changed, 60 insertions, 5 deletions
diff --git a/frontend/src/css/Sidebar.css b/frontend/src/css/Sidebar.css
index 34ede80..396f6ac 100644
--- a/frontend/src/css/Sidebar.css
+++ b/frontend/src/css/Sidebar.css
@@ -10,22 +10,22 @@
 /* logo */
 #logo{
    display: grid;
-    grid-template-columns: 60px 200px;
+    grid-template-columns: 60px 220px;
    height:  80px;
-    padding: 20px 0 20px 30px;
+    padding: 20px 0 20px 20px;
    cursor: pointer;
    user-select: none;
 } 
 #logo-text{
    font-family: BarlowCondensed-Regular;
-    font-size: 42px;
+    font-size: 36px;
    color: #FFF;
    line-height: 38px;
 }
-span>b{
+#logo-text>span>b{
    font-family: BarlowCondensed-Bold;
    font-size: 56px;
 }
@@ -55,7 +55,7 @@ span>b{
    margin: 0 5px 0 5px;
    justify-items: left;
-    grid-template-rows: calc(100vh - 670px) 50px 50px 50px;
+    grid-template-rows: calc(100vh - 720px) 50px 50px 50px;
 }
 .sidebar-button>span{
    font-family: BarlowSemiCondensed-Regular;
@@ -85,6 +85,61 @@ span>b{
    padding .3s;
 }
+.logout-button{
+    display: grid;
+    grid-template-columns: 50px auto;
+    place-items: left;
+    text-align: left;
+    
+    background-color: inherit;
+    cursor: pointer;
+    border: none;
+    width: 310px;
+    height: 40px;
+    border-radius: 20px;
+    padding: 0.4em 0 0 11px;
+    transition: 
+    width .3s,
+    background-color .15s,
+    padding .3s;
+}
+.submit-run-button {
+    display: grid;
+    grid-template-columns: 50px auto;
+    place-items: left;
+    text-align: left;
+    
+    background-color: inherit;
+    cursor: pointer;
+    border: none;
+    width: 310px;
+    height: 40px;
+    border-radius: 20px;
+    padding: 0.4em 0 0 11px;
+    transition: 
+    width .3s,
+    background-color .15s,
+    padding .3s;
+    background-color: #202232aa;
+}
+.submit-run-button:hover {
+    background-color: #202232;
+}
+.submit-run-button>span{
+    font-family: BarlowSemiCondensed-Regular;
+    font-size: 18px;
+    color: #CDCFDF;
+    height: 32px;
+    line-height: 28px;
+    transition: opacity .1s;
+}
 .sidebar-button-selected {
    background-color: #202232;
 }

diff --git a/frontend/src/css/Sidebar.css b/frontend/src/css/Sidebar.css index 34ede80..396f6ac 100644 --- a/frontend/src/css/Sidebar.css +++ b/frontend/src/css/Sidebar.css
@@ -10,22 +10,22 @@
10	/* logo */	10	/* logo */
11	#logo{	11	#logo{
12	display: grid;	12	display: grid;
13	grid-template-columns: 60px 200px;	13	grid-template-columns: 60px 220px;
14		14
15		15
16	height: 80px;	16	height: 80px;
17	padding: 20px 0 20px 30px;	17	padding: 20px 0 20px 20px;
18	cursor: pointer;	18	cursor: pointer;
19	user-select: none;	19	user-select: none;
20	}	20	}
21		21
22	#logo-text{	22	#logo-text{
23	font-family: BarlowCondensed-Regular;	23	font-family: BarlowCondensed-Regular;
24	font-size: 42px;	24	font-size: 36px;
25	color: #FFF;	25	color: #FFF;
26	line-height: 38px;	26	line-height: 38px;
27	}	27	}
28	span>b{	28	#logo-text>span>b{
29	font-family: BarlowCondensed-Bold;	29	font-family: BarlowCondensed-Bold;
30	font-size: 56px;	30	font-size: 56px;
31	}	31	}
@@ -55,7 +55,7 @@ span>b{
55		55
56	margin: 0 5px 0 5px;	56	margin: 0 5px 0 5px;
57	justify-items: left;	57	justify-items: left;
58	grid-template-rows: calc(100vh - 670px) 50px 50px 50px;	58	grid-template-rows: calc(100vh - 720px) 50px 50px 50px;
59	}	59	}
60	.sidebar-button>span{	60	.sidebar-button>span{
61	font-family: BarlowSemiCondensed-Regular;	61	font-family: BarlowSemiCondensed-Regular;
@@ -85,6 +85,61 @@ span>b{
85	padding .3s;	85	padding .3s;
86	}	86	}
87		87
		88	.logout-button{
		89	display: grid;
		90	grid-template-columns: 50px auto;
		91	place-items: left;
		92	text-align: left;
		93
		94	background-color: inherit;
		95	cursor: pointer;
		96	border: none;
		97	width: 310px;
		98	height: 40px;
		99	border-radius: 20px;
		100	padding: 0.4em 0 0 11px;
		101
		102	transition:
		103	width .3s,
		104	background-color .15s,
		105	padding .3s;
		106	}
		107
		108	.submit-run-button {
		109	display: grid;
		110	grid-template-columns: 50px auto;
		111	place-items: left;
		112	text-align: left;
		113
		114	background-color: inherit;
		115	cursor: pointer;
		116	border: none;
		117	width: 310px;
		118	height: 40px;
		119	border-radius: 20px;
		120	padding: 0.4em 0 0 11px;
		121
		122	transition:
		123	width .3s,
		124	background-color .15s,
		125	padding .3s;
		126	background-color: #202232aa;
		127	}
		128
		129	.submit-run-button:hover {
		130	background-color: #202232;
		131	}
		132
		133
		134	.submit-run-button>span{
		135	font-family: BarlowSemiCondensed-Regular;
		136	font-size: 18px;
		137	color: #CDCFDF;
		138	height: 32px;
		139	line-height: 28px;
		140	transition: opacity .1s;
		141	}
		142
88	.sidebar-button-selected {	143	.sidebar-button-selected {
89	background-color: #202232;	144	background-color: #202232;
90	}	145	}