Clean up error CSS

Author: groenroos

Diff for: static/response/data.html

@@ -9,6 +9,7 @@
     <style type="text/css">
         html {
             box-sizing: border-box;
+            font-size: 16px;
         }
 
         *, *:before, *:after {
@@ -25,30 +26,30 @@
         }
 
         .container {
-            max-width: 960px;
-            margin: 64px auto;
-            padding: 0 16px;
+            max-width: 60rem;
+            margin: 4rem auto;
+            padding: 0 1rem;
         }
 
         .container svg {
             width: 100%;
             height: auto;
             max-width: 200px;
-            margin: 0 auto 16px;
+            margin: 0 auto 1rem;
         }
 
         hr {
             border: 0;
             height: 3px;
             background: #d9d9d9;
-            margin: 32px 0;
+            margin: 2rem 0;
         }
 
         table {
             border: 1px solid #d9d9d9;
             border-collapse: collapse;
             width: 100%;
-            margin: 10px 0;
+            margin: 0.75rem 0;
         }
 
         th {
@@ -60,6 +61,11 @@
         th, td {
             border: 1px solid #d9d9d9;
             padding: 0.5rem 0.75rem;
+            vertical-align: top;
+        }
+
+        table table {
+            margin: 0.25rem 0;
         }
     </style>
 </head>

Diff for: static/response/error.html

@@ -9,6 +9,7 @@
     <style type="text/css">
         html {
             box-sizing: border-box;
+            font-size: 16px;
         }
 
         *, *:before, *:after {
@@ -27,42 +28,42 @@
         pre {
             background-color: #f5f5f5;
             color: #da1c42;
-            font-size: .875em;
+            font-size: 0.75rem;
             font-weight: 400;
             border-radius: 3px;
-            padding: .25em .5em .25em;
-            line-height: 1.5em;
+            padding: .25rem .5rem .25rem;
+            line-height: 1.5rem;
             overflow-x: auto;
             border: 1px solid #d9d9d9;
-            border-radius: 4px;
-            padding: 8px 12px;
+            border-radius: 0.25rem;
+            padding: 0.5rem 0.75rem;
         }
 
         .container {
-            max-width: 960px;
-            margin: 64px auto;
-            padding: 0 16px;
+            max-width: 60rem;
+            margin: 4rem auto;
+            padding: 0 1rem;
         }
 
         .container svg {
             width: 100%;
             height: auto;
             max-width: 200px;
-            margin: 0 auto 16px;
+            margin: 0 auto 1rem;
         }
 
         hr {
             border: 0;
             height: 3px;
             background: #d9d9d9;
-            margin: 32px 0;
+            margin: 2rem 0;
         }
 
         table {
             border: 1px solid #d9d9d9;
             border-collapse: collapse;
             width: 100%;
-            margin: 10px 0;
+            margin: 0.75rem 0;
         }
 
         th {
@@ -74,6 +75,11 @@
         th, td {
             border: 1px solid #d9d9d9;
             padding: 0.5rem 0.75rem;
+            vertical-align: top;
+        }
+
+        table table {
+            margin: 0.25rem 0;
         }
     </style>
 </head>