From 3255e2ec292c4544e905dfd9c5fe3521fda5753a Mon Sep 17 00:00:00 2001
From: Dome <dome_X@gmx.net>
Date: Tue, 7 Apr 2026 21:24:23 +0200
Subject: [PATCH] Update client.css

---
 css/client.css | 38 ++++++++++++++++++++++++++++++++------
 1 file changed, 32 insertions(+), 6 deletions(-)

diff --git a/css/client.css b/css/client.css
index fb7a527..0ff75e8 100644
--- a/css/client.css
+++ b/css/client.css
@@ -80,31 +80,57 @@
 }
 
 .ClientView .actions a.badge {
-    height: auto !important; /* Erlaubt dem Bild, zu skalieren */
-    max-width: 100%;        /* Verhindert das Rausragen */
+    height: auto !important;
+    max-width: 100%;
     display: block;
 }
 
 .ClientView .actions img {
-    max-width: 160px; /* Begrenzt die Breite der Store-Buttons (Google Play / F-Droid) */
+    max-width: 160px;
     height: auto;
     display: block;
     margin: 5px auto;
 }
 
+/* --- NEU: FIX FÜR DEN ABSTAND IM FOOTER (Change / Custom Web Instance) --- */
+
+.ClientView .actions .footer {
+    display: flex !important;
+    flex-direction: column !important;
+    align-items: center !important;
+    /* Der Abstand zwischen den Text-Zeilen */
+    gap: 10px !important; 
+    /* Abstand nach oben zum CONTINUE Button */
+    margin-top: 20px !important; 
+    width: 100%;
+}
+
+/* Verhindert, dass der Text "Continue with Element" und "Change" sich quetschen */
+.ClientView .actions .footer > span {
+    display: block !important;
+    margin-bottom: 2px;
+}
+
+/* Sorgt dafür, dass der Custom Link als eigene Zeile atmen kann */
+.ClientView .actions .footer .custom,
+.ClientView .actions .footer button.custom {
+    display: inline-block !important;
+    margin-top: 5px !important;
+}
+
 @media screen and (max-width: 480px) {
     .ClientView {
-        padding: 15px;      /* Weniger Padding mobil */
+        padding: 15px;
         margin: 8px 0;
     }
     
     .ClientView .header {
-        flex-direction: column; /* Stapelt Icon und Text mobil untereinander */
+        flex-direction: column;
         align-items: center;
         text-align: center;
     }
     
     .ClientView .clientIcon {
-        margin: 0 0 15px 0; /* Icon zentrieren */
+        margin: 0 0 15px 0;
     }
 }