WIP #2647 @0:20

diff --git a/index.php b/index.php
index 462b797cc8228dbf1b15326bf470406867d65803..47e7183e5445e3689c6b19b0f6c89b12fa0fd85d 100644 (file)
--- a/index.php
+++ b/index.php
@@ -193,8 +193,10 @@ $question = [
 
     <h4 class="ResultsInfo">Your score</h4>
 
-    <div class="score">
-        <span>7/10</span>
+    <div class="borderScore">
+        <div class="score">
+            <span>7/10</span>
+        </div>
     </div>
 
     <a href="#" class="button next">Try again</a>

diff --git a/style/style.sass b/style/style.sass
index c5b700bcb31b15524a9e43d5bf33938c9610f6b2..0fa8128a3eb35d6ccfbfa9f0e064caa01e2c6758 100644 (file)
--- a/style/style.sass
+++ b/style/style.sass
@@ -228,16 +228,26 @@ section.questions a.button.next
 #ResultsDesc
   margin: 2em 0
 
+.borderScore
+  border-radius: 50%
+  width: 10em
+  height: 10em
+  background-color: rgba(255, 255, 255, 0.5)
+  margin: 2em auto 0em auto
+  display: flex
+  justify-content: center
+  align-items: center
+  padding: 15em
 .score
   background: white
   width: 2em
   height: 2em
-  padding: 14em
+  padding: 12em
   border-radius: 50%
   display: flex
   justify-content: center
   align-items: center
-  margin: 4em auto 2em auto
+  border: 5px solid rgba(255, 255, 255, 0.3)
   span
     color: $darkblue
     font-size: 8em