From d5d7770555fbe19e5baac08bfde05ce2959c6c6b Mon Sep 17 00:00:00 2001
From: oppiliappan <me@oppi.li>
Date: Sat, 6 Sep 2025 10:37:57 +0100
Subject: [PATCH] appview: nicer styles for upgrade banner

Signed-off-by: oppiliappan <me@oppi.li>
---
 .../templates/knots/fragments/bannerRequiresUpgrade.html | 6 +++---
 appview/pages/templates/layouts/base.html                | 9 +++++++++
 appview/pages/templates/layouts/fragments/topbar.html    | 7 -------
 3 files changed, 12 insertions(+), 10 deletions(-)

diff --git a/appview/pages/templates/knots/fragments/bannerRequiresUpgrade.html b/appview/pages/templates/knots/fragments/bannerRequiresUpgrade.html
index 5d389d10..0efbdb1d 100644
--- a/appview/pages/templates/knots/fragments/bannerRequiresUpgrade.html
+++ b/appview/pages/templates/knots/fragments/bannerRequiresUpgrade.html
@@ -1,7 +1,7 @@
 {{ define "knots/fragments/bannerRequiresUpgrade" }}
-<div class="prose mx-auto w-96 px-6 py-2  bg-yellow-100 text-yellow-800 dark:bg-yellow-900 dark:text-yellow-200 border border-yellow-200 dark:border-yellow-800 rounded-b drop-shadow-sm">
-  The following knots that you administer require upgrade to be compatible with the latest version of Tangled:
-  <ul>
+<div class="px-6 py-2">
+  The following knots that you administer will have to be upgraded to be compatible with the latest version of Tangled:
+  <ul class="list-disc mx-12 my-2">
     {{range $i, $r := .Registrations}}
     <li>{{ $r.Domain }}</li>
     {{ end }}
diff --git a/appview/pages/templates/layouts/base.html b/appview/pages/templates/layouts/base.html
index 1c020252..691a68ad 100644
--- a/appview/pages/templates/layouts/base.html
+++ b/appview/pages/templates/layouts/base.html
@@ -49,6 +49,15 @@
               {{ template "layouts/fragments/footer" . }}
             </footer>
           {{ end }}
+
+           {{ if .LoggedInUser }}
+            <div id="upgrade-banner"
+                 class="z-50 fixed bottom-0 left-0 right-0 w-full flex justify-center bg-yellow-100 text-yellow-800 dark:bg-yellow-900 dark:text-yellow-200 border border-yellow-200 dark:border-yellow-800 rounded-b drop-shadow-sm"
+                 hx-get="/knots/upgradeBanner"
+                 hx-trigger="load"
+                 hx-swap="innerHTML">
+            </div>
+          {{ end }}
         </body>
     </html>
 {{ end }}
diff --git a/appview/pages/templates/layouts/fragments/topbar.html b/appview/pages/templates/layouts/fragments/topbar.html
index d581fbae..bc89da24 100644
--- a/appview/pages/templates/layouts/fragments/topbar.html
+++ b/appview/pages/templates/layouts/fragments/topbar.html
@@ -21,13 +21,6 @@
             </div>
         </div>
     </nav>
-    {{ if .LoggedInUser }}
-      <div id="upgrade-banner"
-           hx-get="/knots/upgradeBanner"
-           hx-trigger="load"
-           hx-swap="innerHTML">
-      </div>
-    {{ end }}
 {{ end }}
 
 {{ define "newButton" }}
-- 
2.51.2