appview: nicer styles for upgrade banner

Signed-off-by: oppiliappan <[e-mail]>

appview/pages/templates/knots/fragments/bannerRequiresUpgrade.html

···
 {{ 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 }}

appview/pages/templates/layouts/base.html

···
               {{ 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 }}

appview/pages/templates/layouts/fragments/topbar.html

···
             </div>
         </div>
     </nav>
-    {{ if .LoggedInUser }}
-      <div id="upgrade-banner"
-           hx-get="/knots/upgradeBanner"
-           hx-trigger="load"
-           hx-swap="innerHTML">
-      </div>
-    {{ end }}
 {{ end }}
 
 {{ define "newButton" }}