From a70b1cd65ecaa41b9761fc73d8dac6c46fdadcd6 Mon Sep 17 00:00:00 2001
From: Rob Emery <rob@mintsoft.net>
Date: Thu, 10 Jul 2014 21:15:54 +0100
Subject: [PATCH] PrivateNetwork: Applying @jagtalon's styling changes

---
 .../private_network/private_network.html      | 52 ++++++++++---------
 share/goodie/private_network/style.css        | 16 +++---
 2 files changed, 33 insertions(+), 35 deletions(-)

diff --git a/share/goodie/private_network/private_network.html b/share/goodie/private_network/private_network.html
index 3835202c5..0655c0d96 100644
--- a/share/goodie/private_network/private_network.html
+++ b/share/goodie/private_network/private_network.html
@@ -1,39 +1,41 @@
 <div class='private_network record'>
-<div class='record__row record__highlight'>
-    <div class='text--secondary left-column'>
+<table class='record__body'>
+<tr class='record__row record__highlight'>
+    <td class="record__cell__key">
         <p>IPv4 addresses (<a href="https://www.ietf.org/rfc/rfc1918.txt">rfc1918</a>):</p>
-    </div>
-    <div class='text--primary right-column'>
+    </td>
+    <td class="record__cell__value">
         <p>10.0.0.0 - 10.255.255.255 | 10.0.0.0/8</p>
         <p>172.16.0.0 - 172.31.255.255 | 172.16.0.0/12</p>
         <p>192.168.0.0 - 192.168.255.255 | 192.168.0.0/16</p>
-    </div>
-</div>
-<div class='record__row record__highlight'>
-    <div class='text--secondary left-column'>
+    </td>
+</tr>
+<tr class='record__row record__highlight'>
+	<td class="record__cell__key">
         <p>Carrier NAT (<a href="https://www.ietf.org/rfc/rfc6598.txt">rfc6598</a>):</p>
-    </div>
-    <div class='text--primary right-column'>
+    </td>
+    <td class="record__cell__value">
         <p>100.64.0.0 - 100.127.255.255 | 100.64.0.0/10</p>
-    </div>
-</div>
-<div class='record__row record__highlight'>
-    <div class='text--secondary left-column'>
-        <p>Test Networks (<a href="https://www.ietf.org/rfc/rfc5735.txt">rfc5735</a>):</p>
-    </div>
-    <div class='text--primary right-column'>
+    </td>
+</tr>
+<tr class='record__row record__highlight'>
+    <td class="record__cell__key">        
+		<p>Test Networks (<a href="https://www.ietf.org/rfc/rfc5735.txt">rfc5735</a>):</p>
+    </td>
+    <td class="record__cell__value">
         <p>TEST-NET-1: 192.0.2.0 - 192.0.2.255 | 192.0.2.0/24</p>
         <p>TEST-NET-2: 198.51.100.0 - 198.51.100.255 | 198.51.100.0/24</p>
         <p>TEST-NET-3: 203.0.113.0 - 203.0.113.255 | 203.0.113.0/24</p>
         <p>Benchmarks: 198.18.0.1 - 198.19.255.255 | 198.18.0.0/15</p>
-    </div>
-</div>
-<div class='record__row record__highlight'>
-    <div class='text--secondary left-column'>
+    </td>
+</tr>
+<tr class='record__row record__highlight'>
+    <td class="record__cell__key">
         <p>IPv6 addresses (<a href="https://www.ietf.org/rfc/rfc4193.txt">rfc4193</a>):</p>
-    </div>
-    <div class='text--primary right-column'>
+    </td>
+    <td class="record__cell__value">
         <p>Unique local addresses: fd00::/8</p>
-    </div>
-</div>
+    </td>
+</tr>
+</table>
 </div>
\ No newline at end of file
diff --git a/share/goodie/private_network/style.css b/share/goodie/private_network/style.css
index 5e98976fe..e9bc3e6e8 100755
--- a/share/goodie/private_network/style.css
+++ b/share/goodie/private_network/style.css
@@ -1,15 +1,11 @@
-.private_network .left-column {
-    vertical-align: top;
-    display: inline-block;
-    width: 30%;
+.zci--answer .private_network .record__cell__key {
+    padding: 0.4em;
 }
 
-.private_network .right-column {
-    vertical-align: top;
-    display: inline-block;
-    width: 70%;
+.zci--answer .private_network .record__cell__value {
+    padding: 0.4em;
 }
 
-.private_network .record__highlight:nth-of-type(2n) {
-	background: rgba(150,150,150,0.3);
+.zci--answer .private_network p {
+    padding: 0;
 }
\ No newline at end of file