Fix form CSS

modules/monitoring/application/views/scripts/show/components/grapher.phtml

@@ -1 +1,4 @@
-<?= $this->grapherHtml ?>
+<?php if (isset($grapher)) {
+  echo $grapher->getPreviewHtml($object);
+} ?>
+

modules/monitoring/public/css/module.less

@@ -117,7 +117,7 @@ span.state.warning {
 
 span.state.handled.warning {
     background: @colorWarningHandled;
-}   
+}
 
 span.state.unknown {
     background: @colorUnknown;
@@ -130,3 +130,7 @@ span.state.handled.unknown {
 span.state.pending {
     background: @colorPending;
 }
+
+form.instance-features span.description, form.object-features span.description {
+  display: inline;
+}

public/css/icinga/forms.less

@@ -97,7 +97,7 @@ form.inline {
   display: inline;
 }
 
-button.link-like, input.link-like {
+form.link-like input[type="submit"] {
   color: @colorLinkDefault;
   font-weight: normal;
   border: none;
@@ -107,7 +107,7 @@ button.link-like, input.link-like {
   cursor: pointer;
 }
 
-button.link-like:hover, input.link-like:hover, input.link-like:focus {
+form.link-like input[type="submit"]:hover, form.link-like input[type="submit"]:focus {
   text-decoration: underline;
   background: none;
   color: @colorLinkDefault;
@@ -140,4 +140,39 @@ form ul.errors li {
   font-size: 0.8em;
 }
 
+.description {
+  display: block;
+}
 
+textarea {
+  height: 4em;
+
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+
+  width: 100%;
+}
+
+input, select, textarea {
+  display: inline;
+}
+
+.control-group {
+  display: -webkit-flex;
+  display: flex;
+  -webkit-flex-flow: row wrap;
+  flex-flow: row wrap;
+}
+
+.control-group > div {
+  width: 100%;
+  height: 100%;
+  overflow: auto;
+}
+
+@media (min-width: 480px) {
+  .control-group > div {
+    width: auto;
+  }
+}