fix: change size btn

RezenkovD · Aug 11, 2023 · 3a4a7ae · 3a4a7ae
1 parent 435b5c8
commit 3a4a7ae
Show file tree

Hide file tree

Showing 2 changed files with 28 additions and 24 deletions.
diff --git a/games/templates/games/games.html b/games/templates/games/games.html
@@ -23,9 +23,9 @@
         </span>
     </div>
     <div class="filter">
-        <div class="all-games" id="both">Усі ігри</div>
-        <div class="fil-games" id="single">Для ОДНОГО</div>
-        <div class="fil-games" id="multiplayer">Мультиплеєр</div>
+        <div class="both all-games" id="both">Усі ігри</div>
+        <div class="single fil-games" id="single">Для ОДНОГО</div>
+        <div class="multi fil-games" id="multiplayer">Мультиплеєр</div>
     </div>
     <div class="game-panel">
         {% for game in games %}

diff --git a/games/templates/style/games.css b/games/templates/style/games.css
@@ -267,7 +267,7 @@
     height: 48px;
     border-radius: 100px;
     background: #4FB4FE;
-    padding: 13px 10px;
+    padding: 14px 10px;
 
     color: #FFF;
     text-align: center;
@@ -478,40 +478,44 @@
         display: flex;
         flex-direction: row;
         justify-content: center;
-        max-width: 343px;
-        width: auto;
-        max-height: 44px;
-        height: auto;
+        width: 343px;
+        height: 44px;
         gap: 12px;
     }
 
     .fil-games {
-        width: auto;
         height: 44px;
-        border-radius: 100px;
         border: 1px solid #FFF;
-        color: #FFF;
         padding: 12px 10px;
-        text-align: center;
         font-size: 12px;
-        font-family: "Montserrat", sans-serif;
-        font-weight: 700;
+    }
+
+    .both {
+        width: 83px;
+        height: 44px;
+        padding-left: 11px;
+        padding-top: 13px;
+    }
+
+    .single {
+        width: 111px;
+        height: 44px;
+        padding-left: 7px;
+        padding-top: 13px;
+    }
+
+    .multi {
+        width: 125px;
+        height: 44px;
+        padding-left: 12px;
+        padding-top: 13px;
     }
 
     .all-games {
-        width: auto;
         height: 44px;
-        border-radius: 100px;
         background: #4FB4FE;
-        padding: 13px 13px;
-
-        color: #FFF;
-        text-align: center;
         font-size: 12px;
         font-family: "Montserrat", sans-serif;
-        font-weight: 700;
-        line-height: 150.521%;
-        text-transform: uppercase;
     }
 
     .game-panel {
@@ -669,7 +673,7 @@
         position: absolute;
         filter: blur(125px);
         left: 240px;
-        top: 2000px;
+        top: 1820px;
     }