From d6f03348bc3c28289d18b812900d9eca96f91cdb Mon Sep 17 00:00:00 2001
From: Thomas Gelf <thomas@gelf.net>
Date: Thu, 24 Aug 2017 15:32:10 +0200
Subject: [PATCH] css: improve mobile form styling

---
 public/css/module.less | 30 ++++++++++++++++++++++++++++++
 1 file changed, 30 insertions(+)

diff --git a/public/css/module.less b/public/css/module.less
index 87398854..0d516da4 100644
--- a/public/css/module.less
+++ b/public/css/module.less
@@ -641,6 +641,11 @@ ul.main-actions {
     display: block;
     width: auto;
   }
+  fieldset.collapsed {
+    dd, dt, ul, div {
+      display: none;
+    }
+  }
   dt label {
     color: @text-color;
   }
@@ -658,6 +663,31 @@ ul.main-actions {
       border-color: @icinga-blue;
     }
   }
+  ul.extensible-set {
+    max-width: unset;
+  }
+  dd ul.extensible-set {
+    border: 1px solid @gray-light;
+  }
+  dd.active ul.extensible-set {
+    border: 1px solid @icinga-blue;
+
+    input[type=submit]:first-of-type {
+      border-width: 1px;
+    }
+  }
+
+  dd.active ul.extensible-set, ul.extensible-set.sortable {
+    input[type=text], select {
+      width: 100%;
+    }
+
+    input[type=text] {
+      background-color: white;
+      border: 1px solid white;
+    }
+  }
+
 }
 
 #layout.compact-layout.twocols table.Differences,