text cleanups + footer

src/locales/de.json

@@ -5,7 +5,7 @@
     "apartment_suite_etc": "Addresszeile 2",
     "cancel_keep_my_data": "Abbrechen, meine Daten behalten",
     "configuration_error": "Konfigurationsfehler",
-    "confirm_delete_all_of_my_data": "Bestätigung, meine gesamten Daten löschen",
+    "confirm_delete_all_of_my_data": "Bestätigen, meine Daten löschen",
     "confirm_personal_data": "Hiermit bestätige ich die Vollständigkeit und Richtigkeit der oben genannten Angaben",
     "current_total_amount_in_eur": "Aktueller Gesamtbetrag (in €)",
     "delete_all_of_my_data": "Meine gesamten Daten löschen",

src/views/Profile.vue

@@ -150,6 +150,10 @@
                 py-2.5
                 px-5
                 rounded-md
+                mb-1
+                md:mb-auto
+                w-full
+                md:w-auto
                 bg-blue-500
                 hover:bg-blue-600 hover:shadow-lg
               "
@@ -188,9 +192,11 @@
                 py-2.5
                 px-5
                 rounded-md
+                w-full
+                md:w-auto
                 bg-red-600
                 hover:bg-red-700 hover:shadow-lg
-                ml-1
+                md:ml-1
               "
               @click="delete_me"
             >
@@ -632,6 +638,52 @@
         </div>
       </div>
     </div>
+    <!--  -->
+    <footer
+      class="
+        p-4
+        bg-white
+        rounded-lg
+        shadow
+        md:flex md:items-center md:justify-between md:p-6
+        dark:bg-gray-800
+      "
+    >
+      <span class="text-sm text-gray-500 sm:text-center dark:text-gray-400"
+        ><span class="font-bold">LfK! 2023</span> -
+        <a
+          class="underline"
+          href="https://odit.services/?ref=lfk"
+          target="_blank"
+          >powered by ODIT.Services</a
+        >
+      </span>
+      <ul
+        class="
+          flex flex-wrap
+          items-center
+          mt-3
+          text-sm text-gray-500
+          dark:text-gray-400
+          sm:mt-0
+        "
+      >
+        <li>
+          <a
+            href="https://lauf-fuer-kaya.de/impressum/"
+            class="mr-4 hover:underline md:mr-6"
+            >Impressum</a
+          >
+        </li>
+        <li>
+          <a
+            href="https://lauf-fuer-kaya.de/datenschutz/"
+            class="mr-4 hover:underline md:mr-6"
+            >Datenschutz</a
+          >
+        </li>
+      </ul>
+    </footer>
   </div>
 </template>