From b2eaea1eb817ff96699e155d40ba371487ab3fdb Mon Sep 17 00:00:00 2001
From: Roan Horning <roan.horning@gmail.com>
Date: Sun, 12 Feb 2023 16:54:17 -0500
Subject: [PATCH] Improve look of hosts table

---
 public_html/css/hpr.css                   | 5 +++++
 templates/content-correspondents.tpl.html | 4 ++--
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/public_html/css/hpr.css b/public_html/css/hpr.css
index 40507cc..ebc85aa 100644
--- a/public_html/css/hpr.css
+++ b/public_html/css/hpr.css
@@ -235,7 +235,12 @@ pre { /* Add background, border and scrollbar to <pre> */
     clear: both;
 }
 
+table.hosts {
+	background: white
 }
+table.hosts tr:nth-child(even) { background-color:#cccccc; }
+table.hosts tr:nth-child(odd) { background-color:white; }
+table.hosts tr td img { vertical-align:middle }
 
 @media only screen and (max-width: 680px) { 
 	#container {width: 95%;}
diff --git a/templates/content-correspondents.tpl.html b/templates/content-correspondents.tpl.html
index 708d522..25847d2 100644
--- a/templates/content-correspondents.tpl.html
+++ b/templates/content-correspondents.tpl.html
@@ -4,7 +4,7 @@
 	<p>For more information on how to become a Correspondent see our <a href="<!--% absolute_path(baseurl) %-->contribute.html">contribute</a></center> page. To add a logo here, either email one to admin at hpr or setup your email on <a href="https://en.gravatar.com/">Gravatar</a>. To protect your browsing privacy we gather the images every hour and serve them directly from HPR.<p />
 <!--% USE DBI(constants.driver, constants.user, constants.password) %-->
 <!--% PROCESS 'shared-avatar.tpl.html' %-->
-	<table>
+	<table class="hosts">
 	<th >Avatar</th>
 	<th >Name &amp; Host ID</th>
 	<th >license</th>
@@ -16,7 +16,7 @@
 		inner join (select hostid, max(date) as date from eps group by hostid) as e 
 		on h.hostid = e.hostid '
 	) %-->
-	<tr height="80" bgcolor="#CCCCCC">
+	<tr height="80">
 	<td><img src="<!--% absolute_path(baseurl) %-->images/<!--% get_avatar(host.hostid) %-->" height="80" width="80" alt="avatar" /></td>
 
 		<td><strong><!--% host.host %--></strong><br>