💄 compress elements on screen

Konnektoren · Jun 15, 2024 · 07f4053 · 07f4053
1 parent 7aeb54e
commit 07f4053
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 15 deletions.
diff --git a/styles/components/_challenge.scss b/styles/components/_challenge.scss
@@ -5,10 +5,7 @@ h1 {
 }
 
 .challenge {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
+    margin-top: 2rem;
     padding: 1em;
     text-align: center;
 
@@ -48,8 +45,8 @@ h1 {
 
 .challenge .challenge-actions {
     border: 1px solid #007bff;
-    border-radius: 8px;
-    margin-top: 20px;
+    border-radius: 1rem;
+    margin-top: 1rem;
 
     button {
         padding: 5px 10px;

diff --git a/styles/components/_points.scss b/styles/components/_points.scss
@@ -1,22 +1,21 @@
 .points {
     position: fixed;
-    top: 1rem;
+    top: 0.5rem;
     left: 1rem;
     background-color: rgba(240, 240, 240, 0.8);
-    padding: 1rem;
     border-radius: 1rem;
     box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
 
     .value {
-        font-size: 1.5em;
+        font-size: 1em;
         font-weight: bold;
         color: #333;
         display: flex;
         align-items: center;
     }
 
     .symbol {
-        margin-right: 5px;
+        margin-right: 1rem;
         color: gold;
         font-size: 0.8em;
     }

diff --git a/styles/components/_wallet.scss b/styles/components/_wallet.scss
@@ -1,27 +1,25 @@
 .wallet {
     position: fixed;
-    top: 1rem;
+    top: 0.5rem;
     right: 1rem;
     background-color: rgba(240, 240, 240, 0.8);
-    padding: 1rem;
     border-radius: 1rem;
     box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
 }
 
 #wallet-button {
-    margin-right: 10px;
 }
 
 .balance {
-    font-size: 1.5em;
+    font-size: 1.1em;
     font-weight: bold;
     color: #333;
     display: flex;
     align-items: center;
 }
 
 .symbol {
-    margin-right: 5px;
+    margin-right: 1rem;
     color: gold;
     font-size: 0.8em;
 }