2 files changed, 78 insertions, 14 deletions

diff --git a/app/static/gen/style.css b/app/static/gen/style.css
index 5159ee1..199802d 100644
--- a/app/static/gen/style.css
+++ b/app/static/gen/style.css
@@ -1,14 +1,17 @@
 body {
   background: #282828;
   color: #ebdbb2;
-  font-family: monospace; }
+  font-family: monospace;
+}
 
 a a:active, a:visited {
-  color: #458588; }
+  color: #458588;
+}
 
 .container {
   margin: auto;
-  width: 60%; }
+  width: 60%;
+}
 
 button,
 input[type=submit] {
@@ -16,15 +19,18 @@ input[type=submit] {
   background-color: #458588;
   border-color: #458588;
   border: none;
-  margin: 0.5rem; }
+  margin: 0.5rem;
+}
 
 button.accent {
   background-color: #d79921;
-  border-color: #d79921; }
+  border-color: #d79921;
+}
 
 h1, h2, h3, h4, h5, h6 {
   border-bottom: 1px solid;
-  width: 50%; }
+  width: 50%;
+}
 
 .navbar {
   list-style-type: none;
@@ -33,16 +39,19 @@ h1, h2, h3, h4, h5, h6 {
   border-bottom: 1px solid;
   margin-bottom: 2rem;
   padding-bottom: 0.4rem;
-  text-align: center; }
+  text-align: center;
+}
 
 .navbar-item {
   display: inline;
-  margin-right: 1rem; }
+  margin-right: 1rem;
+}
 
 .flashes {
   list-style-type: none;
   display: flex;
-  justify-content: center; }
+  justify-content: center;
+}
 
 .message {
   width: 80%;
@@ -51,21 +60,51 @@ h1, h2, h3, h4, h5, h6 {
   background-color: #d79921;
   padding: 0.2rem;
   font-size: large;
-  color: black; }
+  color: black;
+}
 
 form {
-  width: 40%; }
+  width: 40%;
+}
 
 label,
 input {
   margin-bottom: 0.5rem;
   margin-top: 0.5rem;
-  display: inline-block; }
+  display: inline-block;
+}
 
 label {
   width: 40%;
-  text-align: left; }
+  text-align: left;
+}
 
 label + input {
   width: 40%;
-  margin: 0 30% 0 4%; }
+  margin: 0 30% 0 4%;
+}
+
+table {
+  border-collapse: collapse;
+  border-spacing: 10px;
+  width: 50%;
+}
+
+table td {
+  padding-top: 0.5rem;
+  padding-left: 1.5rem;
+}
+
+td, th {
+  border-left: 1px solid #ebdbb2;
+  border-bottom: 1px solid #ebdbb2;
+  width: 1.5rem;
+}
+
+tr:last-child td {
+  border-bottom: none;
+}
+
+td:first-child, th:first-child {
+  border-left: none;
+}
diff --git a/app/static/scss/style.scss b/app/static/scss/style.scss
index 7c8760c..801572d 100644
--- a/app/static/scss/style.scss
+++ b/app/static/scss/style.scss
@@ -96,3 +96,28 @@ label+input {
     margin: 0 30% 0 4%;
 }
 
+// Tables
+table {
+    border-collapse: collapse;
+    border-spacing: 10px;
+    width: 50%;
+    td {
+        padding-top: 0.5rem;
+        padding-left: 1.5rem;
+    }
+}
+
+td, th {
+    border-left: 1px solid $color-fg;
+    border-bottom: 1px solid $color-fg;
+    width: 1.5rem;
+}
+tr:last-child {
+    td {
+    border-bottom: none;
+    }
+}
+
+td:first-child, th:first-child {
+    border-left: none;
+}