From e17e2a42d26b21d6d3b5aa7ad3236d47e6fb8369 Mon Sep 17 00:00:00 2001
From: nael <nael@cubedesigners.com>
Date: Wed, 27 Mar 2019 18:20:12 +0100
Subject: [PATCH] WIP #2647 @0:20

---
 index.php        |  6 ++++--
 style/style.sass | 14 ++++++++++++--
 2 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/index.php b/index.php
index 462b797..47e7183 100644
--- 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 c5b700b..0fa8128 100644
--- 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
-- 
2.39.5