From: Chris Fulljames <christianfulljames@gmail.com>
Date: Sun, 12 Jan 2025 14:32:40 +0000 (-0500)
Subject: Flex navbar
X-Git-Url: https://littlesong.place/gitweb/gitweb.cgi?a=commitdiff_plain;h=5768addc0158c967d8d3ea60031297aed74f6f37;p=littlesongplace.git

Flex navbar
---

diff --git a/static/styles.css b/static/styles.css
index 287956a..5e05ac7 100644
--- 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 0e55125..ca055ce 100644
--- 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>