From 0ac04318d352cd40e6d1a520e357d72926358225 Mon Sep 17 00:00:00 2001
From: Christopher <krzysiek-smaga@outlook.com>
Date: Sun, 25 Feb 2024 22:46:35 +0100
Subject: [PATCH] Corrections

---
 style.css | 31 ++++++++++++++++++++-----------
 1 file changed, 20 insertions(+), 11 deletions(-)

diff --git a/style.css b/style.css
index 185ef0c..c400951 100644
--- a/style.css
+++ b/style.css
@@ -24,7 +24,8 @@ body {
 
     .container {
         width: 90vw;
-        padding: 32px;
+        padding: 16px;
+        border-radius: 8px;
         border: 1px solid rgba(0,0,0,0.2);
         box-shadow: 0 0 8px rgba(0,0,0,0.6);
         background-color: rgba(0,0,0,0.5);
@@ -33,17 +34,18 @@ body {
     }
 
     img {
-        width: 90%;
+        width: 100%;
     }
 
     .list {
-        background-color: rgba(255, 255, 255, 0.2);
-        box-shadow: 0 0 4px rgba(0,0,0,0.6);
         border-radius: 0 0 8px 8px;
         padding: 16px;
-        color: white;
         width: 90vw;
     }
+
+    .controls button {
+        font-size: 24px;
+    }
 }
 
 @media screen and (min-width: 640px) {
@@ -60,11 +62,6 @@ body {
     .container {
         padding: 32px;
         border-radius: 8px;
-        border: 1px solid rgba(0,0,0,0.2);
-        box-shadow: 0 0 8px rgba(0,0,0,0.6);
-        background-color: rgba(0,0,0,0.5);
-        color: white;
-        text-align: center;
     }
 
     .list {
@@ -75,8 +72,21 @@ body {
         color: white;
         width: 25%;
     }
+
+    .controls button {
+        font-size: 32px;
+    }
 }
 
+.container {
+    padding: 32px;
+    border-radius: 8px;
+    border: 1px solid rgba(0,0,0,0.2);
+    box-shadow: 0 0 8px rgba(0,0,0,0.6);
+    background-color: rgba(0,0,0,0.5);
+    color: white;
+    text-align: center;
+}
 
 .status {
     display: grid;
@@ -92,7 +102,6 @@ body {
     .controls button {
         color: white;
         border: none;
-        font-size: 32px;
         padding: 8px;
         background-color: transparent;
     }