From 64e9a33971f4128f5d69720fd0e3b9387fa68bcd Mon Sep 17 00:00:00 2001
From: Patrick Balsiger <frupii@gmail.com>
Date: Tue, 18 Sep 2018 18:10:27 +0200
Subject: [PATCH] update stylin

---
 data/www/script.js  |  2 +-
 data/www/styles.css | 10 +++++++++-
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/data/www/script.js b/data/www/script.js
index c36436f..5215086 100644
--- a/data/www/script.js
+++ b/data/www/script.js
@@ -11079,7 +11079,7 @@ class Form extends __WEBPACK_IMPORTED_MODULE_1__core_Component__["a" /* default
 
     formRowTpl(data) {
         return `
-            <div class="form-row">
+            <div class="form-row wrapped">
                 <label for="${data.name}">${data.label}</label>
                 <input type="${data.fieldType}" name="${data.name}" id="${data.name}" value="${data.value}"><br>
             </div>
diff --git a/data/www/styles.css b/data/www/styles.css
index 403b7a9..56f95d5 100644
--- a/data/www/styles.css
+++ b/data/www/styles.css
@@ -235,6 +235,14 @@ form .form-row input[type="checkbox"] {
     flex: 3;
   }
 }
+@media screen and (max-width: 460px) {
+  form .form-row.wrapped {
+    display: block;
+  }
+  form .form-row.wrapped * {
+    display: block;
+  }
+}
 @media screen and (min-width: 992px) {
   form .form-row > input,
   form .form-row > span {
@@ -249,7 +257,7 @@ form .form-row input[type="checkbox"] {
 }
 .sui input[type="text"],
 .sui input[type="password"] {
-  height: 16px;
+  height: 32px;
   background: transparent;
   border: none;
   color: #eeeeee;