smoother tables

mojolicious · Jan 17, 2012 · bc13789 · bc13789
1 parent 4849ac1
commit bc13789
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 9 deletions.
diff --git a/lib/Mojolicious/templates/exception.development.html.ep b/lib/Mojolicious/templates/exception.development.html.ep
@@ -52,6 +52,7 @@
         text-align: right;
         text-weight: bold;
       }
+      .striped { border-top: solid #cce4ff 1px }
       .tap {
         font: 0.5em Verdana, sans-serif;
         text-align: center;
@@ -111,18 +112,14 @@
         % my ($key, $value, $i) = @_;
         %= tag 'tr', $i ? (class => 'important') : undef, begin
           <td class="key"><%= $key %>.</td>
-          <td class="value">
-            <pre class="prettyprint"><%= $value %></pre>
-          </td>
+          <td class="value"><pre class="prettyprint"><%= $value %></pre></td>
         % end
       % end
       % my $kv = begin
         % my ($key, $value) = @_;
         <tr>
           <td class="key"><%= $key %>:</td>
-          <td class="value">
-            <pre><%= $value %></pre>
-          </td>
+          <td class="striped value"><pre><%= $value %></pre></td>
         </tr>
       % end
       <div id="showcase" class="code box">
@@ -176,7 +173,7 @@
             <table>
               % for my $frame (@{$e->frames}) {
                 <tr>
-                  <td class="value">
+                  <td class="striped value">
                     <pre><%= $frame->[1] . ':' . $frame->[2] %></pre>
                   </td>
                 </tr>

diff --git a/lib/Mojolicious/templates/not_found.development.html.ep b/lib/Mojolicious/templates/not_found.development.html.ep
@@ -15,7 +15,8 @@
       }
       code {
         background-color: #eef9ff;
-        padding: 0.5em;
+        border: solid #cce4ff 1px;
+        padding: 0.4em;
       }
       pre {
         margin: 0;
@@ -27,7 +28,10 @@
         margin-bottom: 1em;
         width: 100%;
       }
-      td { padding: 0.5em }
+      td {
+        border-top: solid #cce4ff 1px;
+        padding: 0.5em;
+      }
       tr:nth-child(odd) td { background-color: #ddeeff }
       tr:nth-child(even) td { background-color: #eef9ff }
       #footer {