Step 4 continue button impl

1 files changed, 19 insertions, 3 deletions

diff --git a/client/colors.less b/client/colors.less
index 69e0713..6c9c5f1 100644
--- a/client/colors.less
+++ b/client/colors.less
@@ -155,6 +155,7 @@ body {
         justify-content: left;
         -webkit-flex-wrap: wrap;
         flex-wrap: wrap;
+        max-width: 700px;
         div.photo {
           margin: 3px 8px;
           width: 54px;
@@ -176,21 +177,36 @@ body {
       }
       div.dominants {
         margin: 0 auto;
-        width: 400px;
+        width: 305px;
         div.dominant {
-          text-align: left;
+          text-align: center;
           flex: 0 0 auto;
+          margin-top: 45px;
           h3 {
             color: #2636F9;
+            font-size: 1.2em;
           }
           div.color {
             background-color: red;
-            height: 72px;
+            height: 50px;
           }
           h5 {
             color: #808080;
           }
         }
+        button.continue {
+          font-size: 1.2em;
+          width: 100%;
+          margin-top: 45px;
+          color: #2636F9;
+          padding: 7px 35px;
+          background-color: white;
+          border: 1px #2636F9 solid;
+          &:hover, &:active {
+            color: white;
+            background-color: #2636F9;
+          }
+        }
       }
       div.final {
         text-align: center;