From aac36a88f36304ed216de6827d27f9c6b6df1404 Mon Sep 17 00:00:00 2001
From: Book Pauk <bookpauk@gmail.com>
Date: Mon, 10 Feb 2020 16:39:14 +0700
Subject: [PATCH] =?UTF-8?q?=D0=9F=D0=B5=D1=80=D0=B5=D1=85=D0=BE=D0=B4=20?=
 =?UTF-8?q?=D0=BD=D0=B0=20quasar?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Reader/SettingsPage/SettingsPage.vue         |  7 ++++++-
 .../Reader/SettingsPage/include/ProfilesTab.inc  | 16 ++++++++--------
 2 files changed, 14 insertions(+), 9 deletions(-)

diff --git a/client/components/Reader/SettingsPage/SettingsPage.vue b/client/components/Reader/SettingsPage/SettingsPage.vue
index e00554e3..08025729 100644
--- a/client/components/Reader/SettingsPage/SettingsPage.vue
+++ b/client/components/Reader/SettingsPage/SettingsPage.vue
@@ -460,12 +460,17 @@ selectedTabOld = null;//todo: remove
     margin-bottom: 5px;
 }
 
-.label {
+.label-1 {
+    width: 75px;
+}
+
+.label-1, .label-2 {
     display: flex;
     flex-direction: column;
     justify-content: center;
     text-align: right;
     margin-right: 10px;
+    overflow: hidden;
 }
 
 .text {
diff --git a/client/components/Reader/SettingsPage/include/ProfilesTab.inc b/client/components/Reader/SettingsPage/include/ProfilesTab.inc
index d4be38a2..5812b6e3 100644
--- a/client/components/Reader/SettingsPage/include/ProfilesTab.inc
+++ b/client/components/Reader/SettingsPage/include/ProfilesTab.inc
@@ -1,7 +1,7 @@
 <div class="part-header">Управление синхронизацией данных</div>
 
 <div class="item row">
-    <div class="label col-2"></div>
+    <div class="label-1"></div>
     <q-checkbox class="col" v-model="serverSyncEnabled" size="xs" label="Включить синхронизацию с сервером" />
 </div>
 
@@ -10,24 +10,24 @@
     <div class="part-header">Профили устройств</div>
 
     <div class="item row">
-        <div class="label col-2"></div>
+        <div class="label-1"></div>
         <div class="text col">
             Выберите или добавьте профиль устройства, чтобы начать синхронизацию настроек с сервером.
             <br>При выборе "Нет" синхронизация настроек (но не книг) отключается.
         </div>
     </div>
      <div class="item row">
-        <div class="label col-2">Устройство</div>
+        <div class="label-1">Устройство</div>
         <div class="col">
             <q-select v-model="currentProfile" :options="currentProfileOptions"
                 style="width: 275px"
                 dropdown-icon="la la-angle-down la-sm"
-                outlined dense emit-value map-options
+                outlined dense emit-value
             />
         </div>
     </div>
     <div class="item row">
-        <div class="label col-2"></div>
+        <div class="label-1"></div>
         <q-btn class="button" dense no-caps @click="addProfile">Добавить</q-btn>
         <q-btn class="button" dense no-caps @click="delProfile">Удалить</q-btn>
         <q-btn class="button" dense no-caps @click="delAllProfiles">Удалить все</q-btn>
@@ -36,14 +36,14 @@
     <!---------------------------------------------->
     <div class="part-header">Ключ доступа</div>
     <div class="item row">
-        <div class="label col-2"></div>
+        <div class="label-1"></div>
         <div class="text col">
             Ключ доступа позволяет восстановить профили с настройками и список читаемых книг.
             Для этого необходимо передать ключ на новое устройство через почту, мессенджер или другим способом.
         </div>
     </div>
     <div class="item row">
-        <div class="label col-2"></div>
+        <div class="label-1"></div>
         <q-btn class="button" style="width: 250px" dense no-caps @click="showServerStorageKey">
                 <span v-show="serverStorageKeyVisible">Скрыть</span>
                 <span v-show="!serverStorageKeyVisible">Показать</span>
@@ -51,7 +51,7 @@
          </q-btn>
     </div>
     <div class="item row">
-        <div class="label col-2"></div>
+        <div class="label-1"></div>
         <div v-if="!serverStorageKeyVisible">
             <hr/>
             <b>{{ partialStorageKey }}</b> (часть вашего ключа)