Fixed Plugin output and box-border

modules/monitoring/application/views/helpers/PluginOutput.php

@@ -19,8 +19,7 @@ class Zend_View_Helper_PluginOutput extends Zend_View_Helper_Abstract
             );
         } elseif (preg_match('~\\\n~', $output)) {
             // Plaintext
-            $output = '<pre style="font-family: monospace; font-size: 1em;'
+            $output = '<pre class="pluginoutput">'
-                    . ' width: 100%; overflow: auto; white-space: pre-wrap;">'
                . preg_replace(
               '~\\\n~', "\n", preg_replace(
                 '~\\\n\\\n~', "\n",
@@ -33,8 +32,7 @@ class Zend_View_Helper_PluginOutput extends Zend_View_Helper_Abstract
               )
             ) . '</pre>';
         } else {
-            $output = '<pre style="font-family: monospace; font-size: 1em;'
+            $output = '<pre class="pluginoutput">'
-                    . ' width: 100%; overflow: auto; white-space: pre-wrap;">'
                . preg_replace('~\@{6,}~', '@@@@@@',
                 $this->view->escape($output)
             ) . '</pre>';

modules/monitoring/public/css/module.less

@@ -14,6 +14,24 @@ table.action.comments td a, table.action.downtimes td a {
   width: 16em;
 }
 
+p.pluginoutput {
+  font-size: 0.9em;
+  overflow: auto; 
+  width: 100%;
+  white-space: pre-wrap;
+}
+
+pre.pluginoutput {
+  font-family: Courier;
+  background: #eee;
+  font-size: 0.7em;
+  overflow: auto; 
+  white-space: pre-wrap;
+  margin: 0em;
+  padding: 1em;
+  margin-bottom: 0.5em;
+}
+
 table.objecthistory td {
   font-size: 0.8em;
 }
@@ -58,6 +76,7 @@ h3.tinystatesummary {
   line-height: 2em;
   font-size: 0.95em;
   padding-left: 1em;
+  margin-right: 1em;
   background-color: #eee;
   color: #666;
   border: 1px solid #d9d9d9;

public/css/icinga/layout-structure.less

@@ -101,7 +101,7 @@ html {
 }
 
 #layout.twocols #main > .container {
-  width: 50%;
+  width: 49%;
 }
 
 
@@ -310,10 +310,12 @@ html {
 }
 
 #layout.twocols #col2 {
+  border-left: 1px solid #d9d9d9;
   display: block;
 }
 
 #layout.threecols #col3 {
+  border-left: 1px solid #d9d9d9;
   display: block;
 }
 

public/css/icinga/main-content.less

@@ -67,6 +67,7 @@ img.icon {
 }
 
 table.avp {
+  color: #555;
   table-layout: auto;
   width: 100%;
   font-size: 0.9em;
@@ -78,11 +79,11 @@ table.avp a {
 }
 
 table.avp > tbody > tr > th {
-  text-align: right;
+  text-align: left;
   margin: 0;
-  width: 13em;
+  width: 10em;
   vertical-align: top;
-  line-height: 2em;
+  line-height: 1.8em;
 }
 
 table.avp > tbody > tr > td {
@@ -91,11 +92,11 @@ table.avp > tbody > tr > td {
 
   word-break: break-all;
   vertical-align: top;
-  padding: 0em 0em 0em 0.5em;
+  padding: 0em 0em 0em 0em;
 }
 
 table.avp.newsection, table.avp tr.newsection {
-  border-top: 1px solid #555;
+  border-top: 1px solid #d9d9d9;
 }
 
 .content table.avp dd, .content table.avp dd {

public/css/icinga/monitoring-colors.less

@@ -20,11 +20,13 @@ table.colors td {
 
 /* Action table */
 table.action {
+  font-size: 0.9em;
   border-collapse: separate;
   border-spacing: 1px;
   width: 100%;
   table-layout: fixed;
   margin: 0;
+  color: #666;
 }
 
 table.action th {
@@ -57,6 +59,7 @@ table.action td .pluginoutput {
 table.action td a {
   color: inherit;
   text-decoration: none;
+  color: #555;
 }
 
 table.action td a:hover {
@@ -131,7 +134,7 @@ tr.state.handled td.state, tr.state.ok td.state, tr.state.up td.state, tr.state.
 }
 
 tr[href].active {
-  background-color: #ddd;
+  background-color: #eee;
   color: black;
 }
 
@@ -196,7 +199,7 @@ tr.state.handled td.state {
 
 tr[href]:hover, tr.state[href]:hover td.state {
   color: white;
-  background-color: #555;
+  background-color: #eee;
 }
 
 tr.state.ok[href]:hover, tr.state.up[href]:hover {
@@ -279,7 +282,7 @@ a.critical {
   padding: 0.4em;
   margin: 0.4em;
 
-  background: #555;
+  background: #eee;
   border-radius: 0.4em;
   -moz-border-radius: 0.4em;
 }

public/css/icinga/tabs.less

@@ -2,12 +2,12 @@
 // {{{ICINGA_LICENSE_HEADER}}}
 
 ul.tabs {
-  margin-left: 0em;
   padding: 1em 0 0 0;
   list-style-type: inside;
 }
 
 .controls ul.tabs {
+  margin-left: 0em;
   margin-top: -3.6em;
   height: 2.6em;
   overflow: hidden;
@@ -108,7 +108,7 @@ ul.tabs ul.dropdown-menu {
 
 ul.tabs ul.dropdown-menu li a {
   color: #555;
-  margin: 1em;
+  margin: 0em;
 }
 
 ul.tabs ul.dropdown-menu li a:focus {

public/css/icinga/widgets.less

@@ -196,7 +196,6 @@ ul.tree li a.error:hover {
   margin-right: 0.6em;
 }
 
-
 li li .badge-container {
   /*
    fix margin for smaller font-size of list elements