Merge pull request #163 from JackieBinya/bg-fix-background-color

Changes site's main content background color from white to #F5F5F5

Author: obulat

src/App.vue

@@ -111,6 +111,7 @@ export default {
         -moz-osx-font-smoothing: grayscale;
         color: #2c3e50;
         counter-reset: step-counter;
+        background-color: #f5f5f5;
     }
     #site-container {
         padding: 0.75rem;

src/components/LicenseCopy.vue

@@ -167,6 +167,9 @@ export default {
     #attribution-text p {
         margin-top: 0.5rem;
         margin-bottom: 1rem;
+        background-color: #fff;
+        padding: 24px 0 0 24px;
+        height: 100px;
     }
     #generated-html-container {
         padding-top: 10px;

src/components/Stepper.vue

@@ -380,6 +380,10 @@ export default {
     .current,
     .previous {
         color: black;
+        background-color: #fff;
+    }
+    .inactive{
+        background-color: #F5F5F5;
     }
     .previous.disabled {
         color: #B0B0B0;
@@ -396,10 +400,17 @@ export default {
     .step-navigation .pagination-previous {
         font-family: Roboto Condensed,sans-serif;
         font-style: normal;
-        font-weight: 500;
         font-size: 18px;
         line-height: 24px;
     }
+    .step-navigation,
+    .step-navigation {
+        font-weight: 500;
+    }
+    .pagination-next,
+    .pagination-previous {
+        font-weight: bold;
+    }
     .step-navigation .pagination-previous {
         border: 2px solid #787878;
         color: #787878;
@@ -411,6 +422,7 @@ export default {
     }
     .pagination-next.disabled {
         background-color: #D8D8D8;
+        color: #787878 !important;
     }
     .pagination-next.disabled:hover,
     .pagination-next.disabled:active {