From fae42bbca3c73972dfda536eb75f4cef3b658ba5 Mon Sep 17 00:00:00 2001
From: Johannes Zellner <johannes@cloudron.io>
Date: Sat, 14 Dec 2024 21:06:59 +0100
Subject: [PATCH] Improve footer in vue views

---
 dashboard/oidc_error.html          | 8 +++++---
 dashboard/src/components/Login.vue | 8 +++++---
 2 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/dashboard/oidc_error.html b/dashboard/oidc_error.html
index 140617391..0308bd3e7 100644
--- a/dashboard/oidc_error.html
+++ b/dashboard/oidc_error.html
@@ -37,6 +37,10 @@
         text-align: center;
       }
 
+      footer > .p {
+        margin: 4px;
+      }
+
       .outer {
         flex-grow: 1;
         display: flex;
@@ -59,9 +63,7 @@
   <a href="/" style="padding: 10px;">Back</a>
 </div>
 
-<footer style="text-align: center;">
-  <span>##FOOTER##</span>
-</footer>
+<footer>##FOOTER##</footer>
 
 </body>
 </html>
diff --git a/dashboard/src/components/Login.vue b/dashboard/src/components/Login.vue
index 3dbc73329..f47828d2d 100644
--- a/dashboard/src/components/Login.vue
+++ b/dashboard/src/components/Login.vue
@@ -42,9 +42,7 @@
     </div>
   </div>
 
-  <footer v-show="footer">
-    <span v-html="footer"></span>
-  </footer>
+  <footer v-show="footer" v-html="footer"></footer>
 </template>
 
 <script>
@@ -191,5 +189,9 @@ footer {
   text-align: center;
 }
 
+footer > .p {
+  margin: 4px;
+}
+
 </style>