From 20db73836c0ec3c3d3fed741f7c94d4f7e2f9aa2 Mon Sep 17 00:00:00 2001
From: hugo <53820106+ubavic@users.noreply.github.com>
Date: Tue, 3 Oct 2023 21:56:20 +0200
Subject: [PATCH] Style fixes and gitignore

---
 .gitignore                  |  1 +
 freeriders/static/style.css | 30 ++++++++++++++++++++----------
 2 files changed, 21 insertions(+), 10 deletions(-)
 create mode 100644 .gitignore

diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..80c2fdc
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1 @@
+__pycacahe__/*
\ No newline at end of file
diff --git a/freeriders/static/style.css b/freeriders/static/style.css
index 0994821..3f80815 100644
--- a/freeriders/static/style.css
+++ b/freeriders/static/style.css
@@ -1,9 +1,9 @@
 :root {
   --border-radus: 1rem;
-  --background: #EEE;
-  --header-background: #DDD;
+  --background: #F9F9F9;
+  --header-background: #EEE;
   --header-height: 3rem;
-  --input-bar-height: 2rem;
+  --input-bar-height: 3rem;
 }
 
 body{
@@ -14,14 +14,13 @@ body{
 }
 
 main {
-	max-width: 400px;
 	display: flex;
 	flex-direction: column;
 	align-self: flex-start;
 	gap: 1rem;
 	margin: 0 auto;
-	padding: 1rem 0.5rem;
-	height: calc(100vh - 5rem);
+	padding: 2rem 0.5rem;
+	height: calc(100vh - var(--header-height) - var(--input-bar-height));
 	overflow-y: scroll;
 	box-sizing: border-box;
 }
@@ -30,22 +29,25 @@ header {
 	background-color: var(--header-background);
 	display: flex;
 	flex-direction: row;
-	padding: 1rem;
+	align-items: center;
+	padding: 0 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: #FDD;
+	height: var(--input-bar-height);
+	background-color: var(--background);
 	display: flex;
 	flex-direction: row;
+	align-items: center;
 	padding: 0 1rem;
 	box-sizing: border-box;
+	gap: 1rem;
 }
 
 .request {
@@ -67,4 +69,12 @@ 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;
 }
\ No newline at end of file