.gitignore

@@ -1 +0,0 @@
-__pycacahe__/*

freeriders/static/style.css

@@ -1,9 +1,9 @@
 :root {
   --border-radus: 1rem;
-  --background: #F9F9F9;
-  --header-background: #EEE;
+  --background: #EEE;
+  --header-background: #DDD;
   --header-height: 3rem;
-  --input-bar-height: 3rem;
+  --input-bar-height: 2rem;
 }
 
 body{
@@ -14,13 +14,14 @@ body{
 }
 
 main {
+	max-width: 400px;
 	display: flex;
 	flex-direction: column;
 	align-self: flex-start;
 	gap: 1rem;
 	margin: 0 auto;
-	padding: 2rem 0.5rem;
-	height: calc(100vh - var(--header-height) - var(--input-bar-height));
+	padding: 1rem 0.5rem;
+	height: calc(100vh - 5rem);
 	overflow-y: scroll;
 	box-sizing: border-box;
 }
@@ -29,25 +30,22 @@ header {
 	background-color: var(--header-background);
 	display: flex;
 	flex-direction: row;
-	align-items: center;
-	padding: 0 1rem;
+	padding: 1rem;
 	gap: 1rem;
 	font-weight: bold;
 	width: 100vw;
-	height: var(--header-height);
+	height: var(header-height);
 	box-sizing: border-box;
 }
 
 footer {
 	width: 100vw;
-	height: var(--input-bar-height);
-	background-color: var(--background);
+	height: var(input-bar-height);
+	background-color: #FDD;
 	display: flex;
 	flex-direction: row;
-	align-items: center;
 	padding: 0 1rem;
 	box-sizing: border-box;
-	gap: 1rem;
 }
 
 .request {
@@ -69,12 +67,4 @@ footer {
 .date {
 	align-self: center;
 	margin-top: 0.5rem;
-}
-
-.textbox{
-	background-color: var(--header-background);
-	width: 80%;
-	height: 1rem;
-	padding: 0.2rem;
-	border-radius: 2rem;
 }