Adds new about page and dotted bottom lines in detail

application/views/scripts/about/index.phtml

@@ -1,7 +1,7 @@
 <div class="controls">
     <?= $tabs ?>
 </div>
-<div class="content content-centered">
+<div id="about" class="content content-centered">
     <?= $this->img(
         'img/logo_icinga_big_dark.png',
         null,
@@ -35,7 +35,7 @@
             ) ?>
         </dd>
     </dl>
-    <div>
+    <div class="about-social">
         <?= $this->qlink(
             null,
             'https://www.twitter.com/icinga',
@@ -54,16 +54,25 @@
                 'icon'      => 'facebook-squared',
                 'title'     => $this->translate('Icinga on Facebook')
             )
+        ) ?> <?= $this->qlink(
+            null,
+            'https://plus.google.com/+icinga',
+            null,
+            array(
+                'target'    => '_blank',
+                'icon'      => 'google-plus-squared',
+                'title'     => $this->translate('Icinga on Google+')
+            )
         ) ?>
     </div>
-    <div>
+    <div class="about-links">
     <?= $this->qlink(
         null,
         'https://dev.icinga.org/projects/icingaweb2',
         null,
         array(
             'target'    => '_blank',
-            'img'       => 'img/bugreport.png',
+            'icon'       => 'bug',
             'title'     => $this->translate('Report a bug')
         )
     ) ?>
@@ -73,19 +82,17 @@
         null,
         array(
             'target'    => '_blank',
-            'img'       => 'img/support.png',
+            'icon'       => 'chat',
             'title'     => $this->translate('Support / Mailinglists')
         )
     ) ?>
-    </div>
-    <div>
         <?= $this->qlink(
             null,
             'https://wiki.icinga.org',
             null,
             array(
                 'target'    => '_blank',
-                'img'       => 'img/wiki.png',
+                'icon'       => 'lightbulb',
                 'title'     => $this->translate('Icinga Wiki')
             )
         ) ?>
@@ -95,7 +102,7 @@
             null,
             array(
                 'target'    => '_blank',
-                'img'       => 'img/docs.png',
+                'icon'       => 'doc-text',
                 'title'     => $this->translate('Icinga Documentation')
             )
         ) ?>

library/Icinga/Web/StyleSheet.php

@@ -32,6 +32,7 @@ class StyleSheet
         'css/icinga/setup.less',
         'css/icinga/widgets.less',
         'css/icinga/login.less',
+        'css/icinga/about.less',
         'css/icinga/controls.less',
         'css/icinga/dev.less',
 //        'css/icinga/logo.less',

modules/monitoring/public/css/module.less

@@ -420,6 +420,15 @@ div.pluginoutput {
   padding: 0.66em 0.33em;
 }
 
+.go-ahead > a {
+   border-bottom: 1px @gray-light dotted;
+
+  &:hover {
+    border-bottom: 1px @gray-light solid;
+    text-decoration: none;
+  }
+}
+
 //p.pluginoutput {
 //  width: 100%;
 //  white-space: pre-wrap;

public/css/icinga/widgets.less

@@ -9,7 +9,7 @@ table.historycolorgrid th {
   height: 1em;
   margin: 0.5em;
   font-size: 0.55em;
-  font-weight: normal;
+  font-weight: bold;
 }
 
 table.historycolorgrid td {
@@ -24,17 +24,18 @@ table.historycolorgrid td:hover {
 
 table.historycolorgrid td.weekday {
   font-size: 0.55em;
-  font-weight: normal;
+  font-weight: bold;
   width: 2.5em;
   opacity: 1.0;
 }
 
 table.historycolorgrid a, table.historycolorgrid span {
+  .rounded-corners(0.2em);
   margin: 0;
   text-decoration: none;
   display: block;
-  width: 1em;
-  height: 1em;
+  width: 1.1em;
+  height: 1.1em;
 }
 
 table.historycolorgrid a:hover {