From 7dec0cfc21aa12d9f4e96f35d359c7aa96f7cd94 Mon Sep 17 00:00:00 2001
From: Paul Gear <github@libertysys.com.au>
Date: Sun, 10 Nov 2013 10:37:13 +1000
Subject: [PATCH] Compact mouseover box header; remove embedded styles

---
 html/css/styles.css             |  8 ++++++++
 html/includes/functions.inc.php | 13 +++++--------
 2 files changed, 13 insertions(+), 8 deletions(-)

diff --git a/html/css/styles.css b/html/css/styles.css
index a015ee824e..56c116842c 100644
--- a/html/css/styles.css
+++ b/html/css/styles.css
@@ -1481,3 +1481,11 @@ tr.search:nth-child(odd) {
   padding: 7px;
 }
 
+.overlib {
+  width: 590px;
+}
+
+.overlib-text {
+  font-weight: bold;
+  font-size: 16px;
+}
diff --git a/html/includes/functions.inc.php b/html/includes/functions.inc.php
index 87cc59379f..2a441fc615 100644
--- a/html/includes/functions.inc.php
+++ b/html/includes/functions.inc.php
@@ -83,7 +83,7 @@ function generate_overlib_content($graph_array, $text)
 {
     global $config;
 
-    $overlib_content = '<div style="width: 590px;"><span style="font-weight: bold; font-size: 16px;">'.$text."</span><br />";
+    $overlib_content = '<div class=overlib><span class=overlib-text>'.$text."</span><br />";
     foreach (array('day','week','month','year') as $period)
     {
       $graph_array['from']        = $config['time'][$period];
@@ -138,16 +138,13 @@ function generate_device_link($device, $text=NULL, $vars=array(), $start=0, $end
 
   $url = generate_device_url($device, $vars);
 
-  $contents = "<div class=list-large>".$device['hostname'];
+  // beginning of overlib box contains large hostname followed by hardware & OS details
+  $contents = "<div><span class=list-large>".$device['hostname']."</span>";
   if ($device['hardware']) { $contents .= " - ".$device['hardware']; }
-  $contents .= "</div>";
-
-  $contents .= "<div>";
-  if ($device['os']) { $contents .= mres($config['os'][$device['os']]['text']); }
+  if ($device['os']) { $contents .= " - ".mres($config['os'][$device['os']]['text']); }
   if ($device['version']) { $contents .= " ".mres($device['version']); }
   if ($device['features']) { $contents .= " (".mres($device['features']).")"; }
-  if ($device['hardware']) { $contents .= " - ".$device['hardware']; }
-  if (isset($device['location'])) { $contents .= "<br />" . htmlentities($device['location']); }
+  if (isset($device['location'])) { $contents .= " - " . htmlentities($device['location']); }
   $contents .= "</div>";
 
   foreach ($graphs as $entry)