From b90ceb7ca6b2e00ea85cff00122aeb33e1a72dbb Mon Sep 17 00:00:00 2001
From: Thomas Gelf <thomas@gelf.net>
Date: Fri, 21 Feb 2014 10:59:45 +0000
Subject: [PATCH] CSS spacing, styles for new group views. Still messy, sorry

---
 public/css/icinga/layout-structure.less  |  3 +-
 public/css/icinga/monitoring-colors.less | 70 +++++++++++++++++++++---
 2 files changed, 63 insertions(+), 10 deletions(-)

diff --git a/public/css/icinga/layout-structure.less b/public/css/icinga/layout-structure.less
index d244a2e5e..d5b7f1ddb 100644
--- a/public/css/icinga/layout-structure.less
+++ b/public/css/icinga/layout-structure.less
@@ -136,6 +136,7 @@
   width: 48%;
   display: inline-block;
   padding: 0;
+  margin-top: 1em;
   margin-left: 1%;
 }
 
@@ -168,7 +169,7 @@
   margin-right: 2%;
 }
 .content {
-  padding: 0.5em 1em 0.5em 1em;
+  padding: 1em;
 }
 
 #inner-layout {
diff --git a/public/css/icinga/monitoring-colors.less b/public/css/icinga/monitoring-colors.less
index 2b2bc0300..3d385f918 100644
--- a/public/css/icinga/monitoring-colors.less
+++ b/public/css/icinga/monitoring-colors.less
@@ -38,13 +38,24 @@ table.action.wide td {
 }
 
 table.action td {
+  padding: 0.5em 1em 1em 1em;
   line-height: 1.5em;
-  padding: 0 0.5em 0 0.5em;
-  font-size: 0.8em;
   border-bottom: 1px solid #dde;
   overflow: hidden;
 }
 
+.dashboard table.action td {
+  line-height: 1.2em;
+  padding: 0.3 0.7em 0.3em 0.7em;
+}
+
+table.action td .pluginoutput {
+  font-size: 0.8em;
+  line-height: 1.2em;
+  padding: 0;
+  margin: 0;
+}
+
 table.action td a {
   color: inherit;
   text-decoration: none;
@@ -54,6 +65,10 @@ table.action td a:hover {
   text-decoration: underline;
 }
 
+table.action div.inlinepie {
+  margin-top: 0.5em;
+}
+
 
 /* END of Action table */
 
@@ -97,12 +112,18 @@ tr.state.new td.state {
   font-weight: bold;
 }
 
+tr.state td.state strong {
+  font-size: 1.2em;
+}
+
 tr.state td.state {
   width: 7em;
   padding-left: 2em; /* 1.5 border + 0.5padding */
   color: white;
+/*
   border-radius: 0.5em 0 0 0.5em;
   -moz-border-radius: 0.5em 0 0 0.5em;
+*/
 }
 
 tr.state.handled td.state, tr.state.ok td.state, tr.state.up td.state, tr.state.pending td.state {
@@ -275,23 +296,47 @@ span.state.invalid {
   background-color: @colorInvalid;
 }
 
-table.action td.summary {
-  vertical-align: top;
-  text-align: center;
+.summary a {
+  color: white;
+  text-decoration: none;
 }
 
-span.state {
+.summary {
+  font-size: 0.85em;
+  vertical-align: top;
+  text-align: left;
+}
+
+.summary td {
+  vertical-align: top;
+}
+.summary > span.state {
+  border: 1px solid #555;
+  color: black;
+}
+
+.summary strong a {
+  color: black;
+}
+
+.summary span.state.handled a {
+  color: #333;
 }
 
 .summary span.state {
-  width: 10em;
+  width: 26em;
+  vertical-align: top;
   text-align: center;
-  float: left;
   display: inline-block;
 }
 
 .summary span.state span.state {
-  width: 8em;
+  width: 12em;
+  font-size: 0.9em;
+}
+
+.summary span.state span.state span.state {
+  width: 12em;
 }
 
 span.state a {
@@ -308,3 +353,10 @@ span.state a.active {
 
 /* End of generic span.state */
 
+
+.controls {
+  font-size: 0.9em;
+}
+.controls a {
+  color: black;
+}