From 96adf1e87d18f3c91cbcd58728e4a8c843a21b96 Mon Sep 17 00:00:00 2001
From: Chris Jean-Marie <chris.jeanmarie@gmail.com>
Date: Mon, 4 Nov 2024 18:50:53 +0000
Subject: [PATCH] Additional layout changes for better phone usability

---
 backend/templates/authorized.html   | 47 +++++++++++++++--------------
 backend/templates/dashboard.html    |  1 -
 backend/templates/userwishlist.html |  6 +++-
 3 files changed, 29 insertions(+), 25 deletions(-)

diff --git a/backend/templates/authorized.html b/backend/templates/authorized.html
index 1c8500a..7650462 100644
--- a/backend/templates/authorized.html
+++ b/backend/templates/authorized.html
@@ -1,28 +1,29 @@
 {% extends "base.html" %}
 {% block content %}
-<div class="container-fluid">
-    <div class="row align-items-stretch">
-        <div id="menu" class="col-md-2 bg-light">
-            <!-- internal menu -->
-            <h2>Menu</h2>
-            <ul>
-                <li><a href="/dashboard">Web links</a></li>
-                <li><a href="/cottagecalendar">Cottage Calendar</a></li>
-                <li><a href="/wishlists">Wish lists</a></li>
-            </ul>
-            {% for user_role in user_roles %}
-                {% if user_role.role_name == "admin" %}
-                    <li><a href="/useradmin">User Administration</a></li>
-                {% endif %}
-            {% endfor %}
-        </div>
-        <div class="col-8">
-            {% block center %}{% endblock center %}
-        </div>
-        <div id="events" class="col-2 bg-light">
-            <!-- events -->
-            <h2>Events</h2>
-        </div>
+<div class="row align-items-stretch">
+    <!-- Left panel -->
+    <div id="menu" class="col-md-2 bg-light">
+        <h2>Menu</h2>
+        <ul>
+            <li><a href="/dashboard">Web links</a></li>
+            <li><a href="/cottagecalendar">Cottage Calendar</a></li>
+            <li><a href="/wishlists">Wish lists</a></li>
+        </ul>
+        {% for user_role in user_roles %}
+        {% if user_role.role_name == "admin" %}
+        <li><a href="/useradmin">User Administration</a></li>
+        {% endif %}
+        {% endfor %}
+    </div>
+
+    <!-- Center panel -->
+    <div class="col-8">
+        {% block center %}{% endblock center %}
+    </div>
+
+    <!-- Right panel -->
+    <div id="events" class="col-md-2 bg-light">
+        <h2>Events</h2>
     </div>
 </div>
 {% endblock content %}
\ No newline at end of file
diff --git a/backend/templates/dashboard.html b/backend/templates/dashboard.html
index 7f9e9ea..2321b8f 100644
--- a/backend/templates/dashboard.html
+++ b/backend/templates/dashboard.html
@@ -1,6 +1,5 @@
 {% extends "authorized.html" %}
 {% block center %}
-<p>This will be the private information area for the extended Jean-Marie family.</p>
 <div>
     <h2>Web links</h2>
     <h3>TLC Creations</h3>
diff --git a/backend/templates/userwishlist.html b/backend/templates/userwishlist.html
index 30cec6f..bddf69f 100644
--- a/backend/templates/userwishlist.html
+++ b/backend/templates/userwishlist.html
@@ -29,7 +29,11 @@
             {% else %}
                 <td>{{ user_wishlist_item.item }}</td>
             {% endif %}
-            <td><a href="{{ user_wishlist_item.item_url }}">URL</a></td>
+            {% if user_wishlist_item.item_url.len() > 0 %}
+                <td><a href="{{ user_wishlist_item.item_url }}">URL</a></td>
+            {% else %}
+                <td></td>
+            {% endif %}
             {% if user_wishlist_item.received_at > 0 %}
                 <td>Got it!</td>
             {% else %}