css update

devcenter-square · Aug 29, 2017 · e1e56b5 · e1e56b5
1 parent a5c5d78
commit e1e56b5
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 5 deletions.
diff --git a/frontend/assets/css/style.css b/frontend/assets/css/style.css
@@ -17,10 +17,13 @@ body {
     background-color: #f8fdff;
     letter-spacing: 0.3px;
     font-family: "Raleway", "HelveticaNeue", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
+    font-size: 15px;
+    letter-spacing: 1px;
+    border-radius: 10px;
     /*  text-align: center;
     padding: 15px;
     padding-top: 80px;
-    border-radius: 10px; */
+     */
 }
 
 @media (min-width:768px) {
@@ -119,7 +122,7 @@ body {
 #inner,
 #inner-blue {
     display: table;
-    width: 5%;
+    /* width: 5%; */
     margin: 0 auto;
     /*
     background-color: #4CAF50;
@@ -172,6 +175,11 @@ div .background {
     font-size: 15px;
     letter-spacing: 1px;
     color: #ffffff;
+    padding-top: 50px;
+}
+
+div.dark-res p {
+    padding-top: 10px;
 }
 
 .blue {
@@ -194,6 +202,8 @@ div .background {
 #grad-awt-cat,
 #empl-cat {
     margin: 10px;
+    margin-right: 20px;
+    margin-left: 20px;
 }
 
 #inner a:link,
@@ -208,6 +218,8 @@ div .background {
     padding: 10px 30px;
     border-radius: 2px;
     letter-spacing: 1.2px;
+    margin-left: 10px;
+    margin-right: 10px;
 }
 
 #inner a:hover,
@@ -259,11 +271,14 @@ label {
     height: 100%;
     background-color: #ccc;
     border-radius: 3px;
+    box-shadow: 10px 10px 5px #888888;
 }
 
 .questions-bx,
 .result-bx {
     background-color: white;
+    box-shadow: 3px 3px 5px #888888;
+    padding: 20px;
 }
 
 .qst-cont,

diff --git a/frontend/question.html b/frontend/question.html
@@ -85,16 +85,19 @@ <h2>I am a Secondary School Graduate</h2>
             </div>
         </div>
 
-        <div class="row">
+        <!-- <div class="row">
             <div class="col-6" id="outer">
                 <div id="inner"><a href="#">Back</a></div>
             </div>
             <div class="col-6" id="outer">
                 <div id="inner"><a href="#">Next</a></div>
             </div>
 
-        </div>
-
+        </div> -->
+        <p id="inner" align="center">
+            <a href="#">Back</a>
+            <a href="#">Next</a>
+        </p>
 
     </div>
 </body>