From a82cad86ec3348edc4cdfaf6ac1a10968db79940 Mon Sep 17 00:00:00 2001
From: Pim van den Berg
Date: Sat, 16 May 2015 15:06:56 +0200
Subject: responsive: make the overview page look nice on all media

---
 inc/html.inc.php   | 4 +++-
 layout/style-c.css | 4 ++++
 layout/style.css   | 4 ++++
 3 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/inc/html.inc.php b/inc/html.inc.php
index 9f42fdf..7fedeb6 100644
--- a/inc/html.inc.php
+++ b/inc/html.inc.php
@@ -238,6 +238,8 @@ function host_summary($cat, $hosts) {
 			urlencode($host),
 			htmlentities($host));
 
+		echo "<div class=\"hostinfo\">";
+
 		if ($CONFIG['showload']) {
 			require_once 'type/Default.class.php';
 			$load = array('h' => $host, 'p' => 'load', 't' => 'load');
@@ -304,7 +306,7 @@ function host_summary($cat, $hosts) {
 			}
 		}
 
-		print "</div>\n";
+		print "</div></div>\n";
 	}
 
 	echo "</div>\n";
diff --git a/layout/style-c.css b/layout/style-c.css
index e69de29..514ea66 100644
--- a/layout/style-c.css
+++ b/layout/style-c.css
@@ -0,0 +1,4 @@
+.row .hostinfo {
+	font-size: 0.7em;
+	opacity: 0.6;
+}
diff --git a/layout/style.css b/layout/style.css
index 2df30cf..156e8c5 100644
--- a/layout/style.css
+++ b/layout/style.css
@@ -67,6 +67,10 @@ a:hover {
 	width: 20em;
 }
 
+.row .hostinfo {
+	float: left;
+}
+
 .row .field {
 	float: left;
 	width: 3.4em;
-- 
cgit v1.1