more responsiveness, or possibly less

2 files changed, 27 insertions, 21 deletions

diff --git a/apioforum/static/style.css b/apioforum/static/style.css
index cc06258..141cb2e 100644
--- a/apioforum/static/style.css
+++ b/apioforum/static/style.css
@@ -54,6 +54,7 @@ nav { float: right; padding: 5px; margin: 2px; border: 1px solid black; display:
 nav p { margin-left: 15px; margin-top: 0; margin-bottom: 0; margin-right: 10px; padding: 0 }
 nav p:first-of-type { margin-left:0.5em }
 nav a { color: blue; text-decoration: none }
+nav .links { display: flex; }
 
 /* todo: make the navbar less bad */
 .flashmsg { border: 1px solid black; background-color: yellow; max-width: max-content; padding: 5px; clear: both;}
diff --git a/apioforum/templates/base.html b/apioforum/templates/base.html
index 6783862..ba96c91 100644
--- a/apioforum/templates/base.html
+++ b/apioforum/templates/base.html
@@ -13,27 +13,32 @@
 				<input type="search" placeholder="query" name="q">
 				<input type="submit" value="search">
 			</form>
-			<p><a href="{{url_for('index')}}">home</a></p>
-
-			{% if g.user %}
-			<p>{{ g.user }}</p>
-			<p>
-				<a href="{{ url_for('auth.logout',next=request.path) }}">
-					logout
-				</a>
-			</p>
-			{% else %}
-			<p>
-				<a href="{{ url_for('auth.login',next=request.path) }}">
-					login
-				</a>
-			</p>
-			<p>
-				<a href="{{ url_for('auth.register',next=request.path) }}">
-					register
-				</a>
-			</p>
-			{% endif %}
+
+			<div class="links">
+
+				<p><a href="{{url_for('index')}}">home</a></p>
+
+				{% if g.user %}
+				<p>{{ g.user }}</p>
+				<p>
+					<a href="{{ url_for('auth.logout',next=request.path) }}">
+						logout
+					</a>
+				</p>
+				{% else %}
+				<p>
+					<a href="{{ url_for('auth.login',next=request.path) }}">
+						login
+					</a>
+				</p>
+				<p>
+					<a href="{{ url_for('auth.register',next=request.path) }}">
+						register
+					</a>
+				</p>
+				{% endif %}
+
+			</div>
         </nav>
 
         <div class="header">