From 6ce0ac60876f1de1ea5cccfe84bb06d88fa79384 Mon Sep 17 00:00:00 2001
From: simatec <39792461+simatec@users.noreply.github.com>
Date: Tue, 7 Jan 2025 23:10:38 +0100
Subject: [PATCH] (simatec) Responsive Design added

---
 README.md             |  3 ++
 admin/jsonConfig.json | 76 ++++++++++++++++++++++++++++++++-----------
 2 files changed, 60 insertions(+), 19 deletions(-)

diff --git a/README.md b/README.md
index 80bbfef129..8c8b49d9cd 100644
--- a/README.md
+++ b/README.md
@@ -57,6 +57,9 @@ This feature only works when map creation is enabled in the adapter options!
 	Placeholder for the next version (at the beginning of the line):
 	### **WORK IN PROGRESS**
 -->
+### **WORK IN PROGRESS**
+* (simatec) Responsive Design added
+
 ### 0.6.18 (2024-12-11)
  * (copystring) Add cleaned_area to S8
  * (copystring) Bugfixes for Qrevo Curve
diff --git a/admin/jsonConfig.json b/admin/jsonConfig.json
index e8bac6db22..ca2913e341 100644
--- a/admin/jsonConfig.json
+++ b/admin/jsonConfig.json
@@ -5,16 +5,31 @@
 		"username": {
 			"type": "text",
 			"label": "Login",
-			"newLine": true
+			"newLine": true,
+			"xs": 12,
+			"sm": 12,
+			"md": 12,
+			"lg": 12,
+			"xl": 12
 		},
 		"password": {
 			"type": "password",
-			"label": "Password"
+			"label": "Password",
+			"xs": 12,
+			"sm": 12,
+			"md": 12,
+			"lg": 12,
+			"xl": 12
 		},
 		"enable_map_creation": {
 			"type": "checkbox",
 			"label": "Enable Map Creation",
-			"newLine": true
+			"newLine": true,
+			"xs": 12,
+			"sm": 12,
+			"md": 6,
+			"lg": 6,
+			"xl": 6
 		},
 		"map_creation_interval": {
 			"type": "number",
@@ -22,9 +37,11 @@
 			"newLine": true,
 			"min": 1,
 			"max": 240,
-			"style": {
-			  "width": "198px"
-			}
+			"xs": 12,
+			"sm": 12,
+			"md": 6,
+			"lg": 2,
+			"xl": 2
 		},
 		"updateInterval": {
 			"type": "number",
@@ -32,9 +49,11 @@
 			"newLine": true,
 			"min": 60,
 			"max": 240,
-			"style": {
-			  "width": "198px"
-			}
+			"xs": 12,
+			"sm": 12,
+			"md": 6,
+			"lg": 2,
+			"xl": 2
 		},
 		"map_scale": {
 			"type": "number",
@@ -42,32 +61,51 @@
 			"newLine": true,
 			"min": 1,
 			"max": 32,
-			"style": {
-			  "width": "198px"
-			}
+			"xs": 12,
+			"sm": 12,
+			"md": 6,
+			"lg": 2,
+			"xl": 2
 		},
 		"webserverPort": {
 			"type": "port",
 			"label": "Webserver Port",
 			"newLine": true,
-			"style": {
-			  "width": "198px"
-			}
+			"xs": 12,
+			"sm": 12,
+			"md": 6,
+			"lg": 2,
+			"xl": 2
 		},
 		"hostname_ip": {
 			"type": "text",
 			"label": "Hostname/IP for camera stream",
-			"newLine": true
+			"newLine": true,
+			"xs": 12,
+			"sm": 12,
+			"md": 12,
+			"lg": 12,
+			"xl": 12
 		},
 		"cameraPin": {
 			"type": "number",
 			"label": "PIN for streaming the camera",
-			"newLine": true
+			"newLine": true,
+			"xs": 12,
+			"sm": 12,
+			"md": 12,
+			"lg": 12,
+			"xl": 12
 		},
 		"downloadRoborockImages": {
 			"type": "checkbox",
 			"label": "Download Roborock Images",
-			"newLine": true
+			"newLine": true,
+			"xs": 12,
+			"sm": 12,
+			"md": 6,
+			"lg": 2,
+			"xl": 2
 		}
 	}
-}
+}
\ No newline at end of file