From f4d1e62c13e5daa8bc6484beb73b0b7bf7c18577 Mon Sep 17 00:00:00 2001
From: Jori Lallo <jorilallo@Joris-MacBook.local>
Date: Tue, 6 Sep 2016 22:42:34 -0700
Subject: [PATCH] Fixing table and other styles

---
 frontend/components/Document/Document.scss | 53 ++++++++++++++++++++--
 frontend/styles/base.scss                  |  3 +-
 2 files changed, 51 insertions(+), 5 deletions(-)

diff --git a/frontend/components/Document/Document.scss b/frontend/components/Document/Document.scss
index 22a8e564c..7696a6d15 100644
--- a/frontend/components/Document/Document.scss
+++ b/frontend/components/Document/Document.scss
@@ -1,6 +1,6 @@
 .container {
   width: 100%;
-  padding: 20px;
+  padding: 20px 20px 40px 20px;
 }
 
 .document {
@@ -29,7 +29,54 @@
     }
   }
 
-  pre {
-    box-shadow: 1px 1px 1px #f5f5f5;
+  // pre {
+  //   box-shadow: 1px 1px 1px #f5f5f5;
+  // }
+
+  table {
+    width: 100%;
+    overflow: auto;
+    display: block;
+    border-spacing: 0;
+    border-collapse: collapse;
+
+    thead, tbody {
+      width: 100%;
+    }
+
+    thead {
+      tr {
+        border-bottom: 2px solid #eee;
+      }
+    }
+
+    tbody {
+      tr {
+        border-bottom: 1px solid #eee;
+      }
+    }
+
+    tr {
+      background-color: #fff;
+
+      // &:nth-child(2n) {
+      //   background-color: #f8f8f8;
+      // }
+    }
+
+    th, td {
+      text-align: left;
+      border: 1px 0 solid #eee;
+      padding: 5px 20px 5px 0;
+
+      &:last-child {
+        padding-right: 0;
+        width: 100%;
+      }
+    }
+
+    th {
+      font-weight: bold;
+    }
   }
 }
diff --git a/frontend/styles/base.scss b/frontend/styles/base.scss
index 38c359e9a..0018ec2bd 100644
--- a/frontend/styles/base.scss
+++ b/frontend/styles/base.scss
@@ -87,8 +87,7 @@ blockquote {
 }
 hr {
   width: 75%;
-  margin-top: 1.5em;
-  margin-bottom: 1.5em;
+  margin: 3em auto;
   border: 0;
   border-bottom-width: 1px;
   border-bottom-style: solid;