From c23b39fcc2bf0067c2fb64d9da6fe43404921d4d Mon Sep 17 00:00:00 2001
From: adro <a.schlett@gmx.de>
Date: Mon, 21 Feb 2022 15:57:54 +0100
Subject: [PATCH] Responsiveness improvements

---
 web/template/device.html | 17 +++++++++++++++++
 web/template/login.html  |  6 ++++++
 web/template/style.css   | 19 +------------------
 3 files changed, 24 insertions(+), 18 deletions(-)

diff --git a/web/template/device.html b/web/template/device.html
index 328c463..f3ece19 100644
--- a/web/template/device.html
+++ b/web/template/device.html
@@ -48,4 +48,21 @@
     flex-flow: row wrap;
     align-items: flex-start;
   }
+  
+  body > div > form {
+    flex-grow: 1;
+  }
+
+  table {
+    grid-column: 1 / 3;
+    border-collapse: collapse;
+  }
+
+  .actions {
+    text-align: center;
+  }
+
+  .actions > form {
+    display: contents;
+  }
 </style>
\ No newline at end of file
diff --git a/web/template/login.html b/web/template/login.html
index 9438442..8b90cd1 100644
--- a/web/template/login.html
+++ b/web/template/login.html
@@ -6,3 +6,9 @@
     <input type="submit" value="Submit">
   </fieldset>
 </form>
+
+<style>
+  form {
+    max-width: max-content;
+  }
+</style>
\ No newline at end of file
diff --git a/web/template/style.css b/web/template/style.css
index 3d28fe3..01a29d6 100644
--- a/web/template/style.css
+++ b/web/template/style.css
@@ -20,7 +20,7 @@ nav {
 fieldset {
   display: grid;
   grid-template-columns: auto 1fr;
-  flex-grow: 1;
+  flex-grow: 999999;
 
   overflow-x: auto;
 }
@@ -30,29 +30,12 @@ fieldset > label:after {
   pointer-events: none;
 }
 
-form {
-  max-width: max-content;
-}
-
 input[type=submit] {
   grid-column: 1 / 3;
   padding: 0.25rem;
   cursor: pointer;
 }
 
-.actions {
-  text-align: center;
-}
-
-.actions > form {
-  display: contents;
-}
-
-table {
-  grid-column: 1 / 3;
-  border-collapse: collapse;
-}
-
 legend {
   font-weight: bold;
 }