center the boards on the page

Author: tlicata

README.md

@@ -34,7 +34,9 @@ Bonus
 
 - [ ] Use CSS to add more detail to the wireframe above.
 
-    I will admit the CSS is ugly.
+    I will admint the styling isn't anything special. I did use
+    Flexbox for the board layout, which is probably better than the
+    table-based layout I was considering :)
 
 - [X] Demonstrate a solid understanding of MV* and using an MV*
   framework like Backbone, React, Ember or Angular

app/styles.scss

@@ -9,9 +9,27 @@ body {
     visibility: hidden;
 }
 
+.restart {
+    margin: .5em 0 2.5em 0;
+    text-align: center;
+
+    p {
+        font-family: sans-serif;
+        margin: .4em 0;
+    }
+    button {
+        background-color: mintcream;
+        border-radius: 5px;
+        color: darkslategrey;
+        font-size: .9em;
+        padding: 7px 12px;
+    }
+}
+
 .board {
     display: flex;
     flex-direction: column;
+    align-items: center;
 
     .row {
         display: flex;