From e9752f7eb470d0aeb057da9c3acb722ae6f120dc Mon Sep 17 00:00:00 2001
From: Kostya <ckutls228@gmail.com>
Date: Sat, 18 Nov 2023 22:50:19 +0300
Subject: [PATCH] refactor styles for asidebar

---
 .../assets/css/ElementsStyles/asidebar.css    | 27 +++++++------------
 luckydiamond/src/pages/AsidebarElement.vue    |  4 +--
 2 files changed, 10 insertions(+), 21 deletions(-)

diff --git a/luckydiamond/src/assets/css/ElementsStyles/asidebar.css b/luckydiamond/src/assets/css/ElementsStyles/asidebar.css
index 9d6f391..ae9e74b 100644
--- a/luckydiamond/src/assets/css/ElementsStyles/asidebar.css
+++ b/luckydiamond/src/assets/css/ElementsStyles/asidebar.css
@@ -1,9 +1,6 @@
 .menu {
-    margin: 4px 6px 0 6px;
+    margin: 4% 6% 0% 6%;
     height: 99.5vh;
-    display: flex;
-    flex-direction: column;
-    justify-content: space-between;
     user-select: none;
 }
 
@@ -11,13 +8,14 @@
     height: 100%;
     display: flex;
     align-items: center;
-    justify-content: center;
     flex-direction: column;
 }
 
+.menu__btn--home {
+    margin-top: 12px;
+}
+
 .menu__btns--gamemodes {
-    border-radius: 20px;
-    text-align: center;
     display: flex;
     align-items: center;
     height: 100%;
@@ -33,19 +31,12 @@
     padding: 20px 0px 20px 0px;
 }
 
-.menu__btn--home {
-    margin-top: 12px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    text-align: center;
-}
-
 .menu__content--gamemodes {
     display: flex;
-    justify-content: center;
     text-align: center;
-    align-items: center;
     flex-direction: column;
-    margin-bottom: 12px;
 }
+
+.menu__btn--settings {
+    margin-bottom: 12px;
+}
\ No newline at end of file
diff --git a/luckydiamond/src/pages/AsidebarElement.vue b/luckydiamond/src/pages/AsidebarElement.vue
index df8abe9..e546bf8 100644
--- a/luckydiamond/src/pages/AsidebarElement.vue
+++ b/luckydiamond/src/pages/AsidebarElement.vue
@@ -13,9 +13,7 @@
         </div>
       </div>
       <div class="menu__btn--settings">
-        <div class="menu__content--settings">
-          <a href="#"><img  src="../assets/icons-home/settings-icon.svg"></a>
-        </div>
+        <a href="#"><img width="73" height="73" src="../assets/icons-home/settings-icon.svg"></a>
       </div>
     </div>
   </aside>