Flex navbar

diff --git a/static/styles.css b/static/styles.css
index 287956a82fbaa50d3768b2dd684813684e3492a2..5e05ac7fe2f5d9d7e5943f67553bf895afa3feb2 100644 (file)
--- a/static/styles.css
+++ b/static/styles.css
@@ -1,3 +1,13 @@
+/* Navbar */
+div.navbar {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: nowrap;
+    justify-content: center;
+    align-items: center;
+    gap: 10px;
+}
+
 /* Song Entry in Song List */
 div.song {
     display: flex;

diff --git a/templates/base.html b/templates/base.html
index 0e55125a7ba152d75ebca125a73b4cc288eb1b62..ca055ce1dca63753f1af84dd7b8c07514d256f1f 100644 (file)
--- a/templates/base.html
+++ b/templates/base.html
@@ -11,13 +11,13 @@
         <div class="navbar">
             {% if "username" in session %}
             <p>Signed in as {{ session["username"] }}</p>
-            <a href="/logout">Sign Out</a><br>
-            <a href="/users/{{ session["username"] }}">My Profile</a><br>
+            <a href="/logout">Sign Out</a>
+            <a href="/users/{{ session["username"] }}">My Profile</a>
             {% else %}
-            <a href="/login">Sign In</a><br>
-            <a href="/signup">Create Account</a><br>
+            <a href="/login">Sign In</a>
+            <a href="/signup">Create Account</a>
             {% endif %}
-            <a href="/users">All Users</a><br>
+            <a href="/users">All Users</a>
             <a href="/">Home</a>
         </div>