(simatec) Fix Responsive Design

Author: simatec

.vscode/settings.json

@@ -11,5 +11,8 @@
             "fileMatch": ["admin/jsonConfig.json", "admin/jsonCustom.json", "admin/jsonTab.json"],
             "url": "https://raw.githubusercontent.com/ioBroker/adapter-react-v5/main/schemas/jsonConfig.json"
         }
-    ]
+    ],
+    "[css]": {
+        "editor.defaultFormatter": "vscode.css-language-features"
+    }
 }

README.md

@@ -27,6 +27,9 @@ Use id.remote.\* to control the mower
     Placeholder for the next version (at the beginning of the line):
     ### **WORK IN PROGRESS**
 -->
+### **WORK IN PROGRESS**
+* (simatec) Fix Responsive Design
+
 ### 1.3.8 (2025-01-04)
 
 - (mcm1957) jsonConfig has been reverted due to captcha requirements.

admin/style.css

@@ -40,4 +40,12 @@ label>i[title] {
     white-space: nowrap;
 }
 
+/* Style for very small Screens */
+@media screen and (max-width: 600px) {
+    #captcha_form {
+        justify-items: center;
+    }
+
+}
+
 /* Add your styles here */