From 9802ee3dbf1f15302cb550d88774a9a6d4c97eef Mon Sep 17 00:00:00 2001
From: Kostya <ckutls228@gmail.com>
Date: Sun, 3 Dec 2023 09:06:20 +0300
Subject: [PATCH] added styles for btns in saper-start window, saperpage

---
 .../css/PagesStyles/games-pages/saper.css     | 21 +++++++++++++++++--
 .../src/pages/games-pages/SapergamePage.vue   |  7 ++++++-
 2 files changed, 25 insertions(+), 3 deletions(-)

diff --git a/luckydiamond/src/assets/css/PagesStyles/games-pages/saper.css b/luckydiamond/src/assets/css/PagesStyles/games-pages/saper.css
index cadd2bc..935682f 100644
--- a/luckydiamond/src/assets/css/PagesStyles/games-pages/saper.css
+++ b/luckydiamond/src/assets/css/PagesStyles/games-pages/saper.css
@@ -70,6 +70,11 @@ input[type="number"]::-webkit-outer-spin-button {
     background: #22252F;
 }
 
+.crystals__choises {
+    display: flex;
+    align-items: center;
+}
+
 .crystals .crystals__choises input:focus {
     outline: none;
 }
@@ -78,10 +83,22 @@ input[type="number"]::-webkit-outer-spin-button {
     margin-left: -22px;
 }
 
-
+.crystals-btns__choices button {
+    margin-left: 5px;
+    border-radius: 10px;
+    background: #252C47;
+    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
+    border: none;
+    color: #FFF;
+    font-weight: 700;
+    line-height: 31px;
+    font-family: Montserrat Alternates;
+    font-size: 12px;
+    padding: 4px 13px;
+}
 
 .crystal-icon {
     position: relative;
     left: 25px;
-    top: 11px;
+    top: 5px;
 }
\ No newline at end of file
diff --git a/luckydiamond/src/pages/games-pages/SapergamePage.vue b/luckydiamond/src/pages/games-pages/SapergamePage.vue
index 77f9bb5..85e81be 100644
--- a/luckydiamond/src/pages/games-pages/SapergamePage.vue
+++ b/luckydiamond/src/pages/games-pages/SapergamePage.vue
@@ -13,9 +13,14 @@
           <p>Находи изумруды на поле и избегай кристалы</p>
           <div class="saper-start__choises crystals">
             <h3>Количество кристалов</h3>
-            <div class="crystals__choises crystals-input__margin">
+            <div class="crystals__choises crystals-input__margin crystals-btns__choices">
               <img class="crystal-icon" width="25" height="25" src="@/assets/icons-games/saper-game/icon-crystall-saper.svg">
               <input type="number">
+              <ul>
+                <li>
+                  <button>123</button>
+                </li>
+              </ul>
             </div>
           </div>
         </div>