From 83cab101f865f2aa0ebf72814ca33bcf37255ed7 Mon Sep 17 00:00:00 2001
From: ybouane <yassine@bouanane.com>
Date: Thu, 10 Oct 2024 00:10:42 -0400
Subject: [PATCH] Styling adjustments

---
 static/style.css | 29 +++++++++++++++++++----------
 1 file changed, 19 insertions(+), 10 deletions(-)

diff --git a/static/style.css b/static/style.css
index aff83a4..a4077a5 100644
--- a/static/style.css
+++ b/static/style.css
@@ -13,12 +13,10 @@ body {
 	align-items: center;
 	background-color: #212429;
 	color:#e4e4e4;
-	gap:15px;
+	gap:25px;
 	font-family: "Fira Sans Condensed", sans-serif;
-	padding:20px;
-	&>h1 {
-
-	}
+	padding:40px 20px;
+	min-height:100vh;
 }
 
 a {
@@ -30,11 +28,15 @@ a {
 }
 
 header {
-
+	&>h1 {
+		font-weight:600;
+	}
 }
 
 main {
-	align-self:stretch;
+	max-width:900px;
+	width:95%;
+	flex-grow: 1;
 }
 
 footer {
@@ -46,6 +48,7 @@ status-bar {
 	flex-flow:row nowrap;
 	align-items:center;
 	justify-content:space-between;
+	margin: 10px 0px;
 	& status-bar-entry {
 		display:block;
 		flex:1 1 0px;
@@ -74,11 +77,11 @@ status-bar {
 			position:absolute;
 			left:50%;
 			bottom:100%;
-			transition: transform 0.25s;
+			transition: transform 0.25s, opacity 0.25s;
 			transform:translate(-50%, 0px);
 			opacity:0;
 			pointer-events: none;
-			padding:3px;
+			padding:3px 8px;
 			background:#000000;
 			border-radius:4px;
 			transition-delay: 0.3s;
@@ -92,11 +95,17 @@ status-bar {
 			font-size:0.9em;
 			z-index:1;
 		}
-		&:hover > div {
+		&:focus {
+			box-shadow:0px 0px 0px 1.5px #d6d7d8;
+		}
+		&:hover > div, &:focus > div {
 			pointer-events:initial;
 			transform:translate(-50%, -5px);
 			opacity:1;
 			transition-delay: 0s;
 		}
+		&:hover > div {
+			z-index:2;
+		}
 	}
 }
\ No newline at end of file