From d6f1e9ef712f31c9f591e5503c452e184d122043 Mon Sep 17 00:00:00 2001
From: anatolykopyl <hi@kopyl.dev>
Date: Sun, 18 Jun 2023 17:39:35 +0300
Subject: [PATCH] =?UTF-8?q?=D0=9C=D0=BE=D0=B1=D0=B8=D0=BB=D1=8C=D0=BD?=
 =?UTF-8?q?=D0=B0=D1=8F=20=D0=B2=D0=B5=D1=80=D1=81=D1=82=D0=BA=D0=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/views/Login/Index.vue | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/frontend/src/views/Login/Index.vue b/frontend/src/views/Login/Index.vue
index b8917e9..4f7bd7f 100644
--- a/frontend/src/views/Login/Index.vue
+++ b/frontend/src/views/Login/Index.vue
@@ -5,14 +5,14 @@
     <div class="auth">
       <p>{{ question }}</p>
       <input 
-        placeholder="Ответ"
         v-model="answer"
+        placeholder="Ответ"
         class="input"
       >
       <input
         v-if="mode === 'player'"
-        placeholder="Ваше имя"
         v-model="username"
+        placeholder="Ваше имя"
         class="input"
       >
       
@@ -32,8 +32,8 @@
       </button>
       
       <button 
-        @click="switchMode"
         class="switchMode"
+        @click="switchMode"
       >
         Я не {{ mode === 'player' ? 'игрок' : 'большой экран' }}!
       </button>
@@ -160,8 +160,9 @@ async function loginScreen() {
 
 @media only screen and (max-width: 520px) {
   .authCard {
-    width: 100%;
-    padding: 40px 0;
+    width: calc(100% - 90px);
+    margin: auto;
+    padding: 40px 20px;
   }
 }
 </style>
\ No newline at end of file