From 353adaf11e14efd2d0f54eb2e87e1c058ba3b931 Mon Sep 17 00:00:00 2001
From: Eric Fredricksen <e@fredricksen.net>
Date: Fri, 25 Jun 2010 23:22:10 -0700
Subject: [PATCH] Layout improvements

---
 main.html | 47 ++++++++++++++++++++++-------------------------
 pq.css    |  4 ++++
 2 files changed, 26 insertions(+), 25 deletions(-)

diff --git a/main.html b/main.html
index 942505b..4229078 100644
--- a/main.html
+++ b/main.html
@@ -18,14 +18,14 @@
 
 <div class="hbox">
   <div class="vbox">
-
+    
     <span class="label head" >Character Sheet</span>
-
+    
     <table class="listbox">
       <thead>
         <tr>
-          <th style="width:30%">Trait</th>
-          <th style="width:70%" >Value</th>
+          <th style="width:25%">Trait</th>
+          <th >Value</th>
         </tr>
       </thead>
       <tbody id="Traits">
@@ -46,28 +46,25 @@
           <td key="Level">1</td>
         </tr>
       </tbody>
+
+      <thead class="mid">
+        <tr>
+          <th>Stat</th>
+          <th>Value</th>
+        </tr>
+      </thead>
+      <tbody id="Stats">
+        <tr><td>STR</td><td key="STR">18</td></tr>
+        <tr><td>CON</td><td key="CON">14</td></tr>
+        <tr><td>DEX</td><td key="DEX">9</td></tr>
+        <tr><td>INT</td><td key="INT">12</td></tr>
+        <tr><td>WIS</td><td key="WIS">44</td></tr>
+        <tr><td>CHA</td><td key="CHA">12</td></tr>
+        <tr><td>HP Max</td><td key="HP Max">343</td></tr>
+        <tr><td>MP Max</td><td key="MP Max">6564</td></tr>
+      </tbody>
     </table>
-
-  <div class="vbox">
-    <table class="listbox" id="Stats" rows="8">
-      <tr>
-        <th  style="width:30%">Stat</th>
-        <th  style="width:70%">Value</th>
-      </tr>
-      <tr><td>STR</td><td key="STR">18</td></tr>
-      <tr><td>CON</td><td key="CON">14</td></tr>
-      <tr><td>DEX</td><td key="DEX">9</td></tr>
-      <tr><td>INT</td><td key="INT">12</td></tr>
-      <tr><td>WIS</td><td key="WIS">44</td></tr>
-      <tr><td>CHA</td><td key="CHA">12</td></tr>
-      <tr><td>HP Max</td><td key="HP Max">343</td></tr>
-      <tr><td>MP Max</td><td key="MP Max">6564</td></tr>
-    </table>
-
-  </div>
-
-
-
+    
     <span class="label" >Experience</span>
     <div class="progress-container" id="ExpBar">
       <div class="bar" style="width: 50%"></div>
diff --git a/pq.css b/pq.css
index 9fb9bfc..e34abb9 100644
--- a/pq.css
+++ b/pq.css
@@ -65,6 +65,10 @@ th:first-child {
   border-right: solid 1px grey;
 }
 
+thead.mid { 
+  border-top: solid 1px grey;
+}
+
 .listbox { 
   border: solid 1px black;
   width: 250px;