From 5832cd0449da8cd7c1cb00197230a040f51d560d Mon Sep 17 00:00:00 2001
From: Dome <dome_X@gmx.net>
Date: Tue, 7 Apr 2026 20:13:24 +0200
Subject: [PATCH] Add responsive styles for ClientView actions

---
 css/client.css | 37 +++++++++++++++++++++++++++++++++++++
 1 file changed, 37 insertions(+)

diff --git a/css/client.css b/css/client.css
index b52e28a..084a0f8 100644
--- a/css/client.css
+++ b/css/client.css
@@ -71,3 +71,40 @@
     font-size: 12px;
     color: var(--grey);
 }
+
+.ClientView .actions {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 10px;
+    justify-content: center;
+}
+
+.ClientView .actions a.badge {
+    height: auto !important; /* Erlaubt dem Bild, zu skalieren */
+    max-width: 100%;        /* Verhindert das Rausragen */
+    display: block;
+}
+
+.ClientView .actions img {
+    max-width: 160px;       /* Begrenzt die Breite der Store-Buttons mobil */
+    height: auto;
+    display: block;
+    margin: 0 auto;
+}
+
+@media screen and (max-width: 480px) {
+    .ClientView {
+        padding: 15px;      /* Weniger Padding mobil */
+        margin: 8px 0;
+    }
+    
+    .ClientView .header {
+        flex-direction: column; /* Stapelt Icon und Text mobil untereinander */
+        align-items: center;
+        text-align: center;
+    }
+    
+    .ClientView .clientIcon {
+        margin: 0 0 15px 0; /* Icon zentrieren */
+    }
+}