Responsiveness improvements

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>

web/template/login.html

@@ -6,3 +6,9 @@
     <input type="submit" value="Submit">
   </fieldset>
 </form>
+
+<style>
+  form {
+    max-width: max-content;
+  }
+</style>

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;
 }