From d79375365d5f3d687198b54d6aff83ff5fe7eefa Mon Sep 17 00:00:00 2001
From: trotFunky <trotfunky.perso+git@gmail.com>
Date: Thu, 1 Aug 2024 19:29:04 +0100
Subject: [PATCH] style: Update top bar

Style the topbar to make it more useful in the future.
Style the login element to make the form vertical and
properly aligned, in order for it to fit well on both
desktop and mobile.

Small adjustment to the truth editor style to space it
out a little bit.
---
 static_files/style.css | 33 +++++++++++++++++++++++++++++++++
 1 file changed, 33 insertions(+)

diff --git a/static_files/style.css b/static_files/style.css
index dda779d..5c108dc 100644
--- a/static_files/style.css
+++ b/static_files/style.css
@@ -2,9 +2,21 @@
     display: flex;
     flex-direction: row;
     justify-content: space-between;
+    align-items: center;
     margin-right: 2em;
 }
 
+.top_bar_side {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    align-items: baseline;
+}
+
+.top_bar_side > * {
+    padding: 0 0.5em;
+}
+
 .truth_page_body {
     display: flex;
     flex-direction: row;
@@ -41,6 +53,10 @@
     margin-bottom: 1em;
 }
 
+.truth_edit_form {
+    margin-bottom: 1em;
+}
+
 .graph {
     display: flex;
     flex-direction: column;
@@ -85,6 +101,23 @@
     }
 }
 
+.login {
+    display: flex;
+    flex-direction: column;
+}
+
+.login > * {
+    padding-bottom: 0.1em;
+}
+
+.login > label {
+    align-self: flex-end;
+}
+
+.login > b {
+    align-self: center;
+}
+
 /* Global styling */
 
 hr {