Переход на quasar

client/components/Reader/SettingsPage/SettingsPage.vue

@@ -474,7 +474,16 @@ class SettingsPage extends Vue {
         try {
             const result = await this.stdDialog.prompt(`<b>Предупреждение!</b> Изменение ключа доступа приведет к замене всех профилей и читаемых книг в читалке.` +
                     `<br><br>Введите новый ключ доступа:`, ' ', {
-                inputValidator: (str) => { if (str && utils.fromBase58(str).length == 32) return true; else return 'Неверный формат ключа'; },
+                inputValidator: (str) => {
+                    try {
+                        if (str && utils.fromBase58(str).length == 32) {
+                            return true;
+                        }
+                    } catch (e) {
+                        //
+                    }
+                    return 'Неверный формат ключа'; 
+                },
                 inputValue: (key && _.isString(key) ? key : null),
             });
 /*
@@ -547,10 +556,14 @@ class SettingsPage extends Vue {
     width: 75px;
 }
 
-.label-2, .label-3, .label-4, .label-5, .label-6 {
+.label-2, .label-3, .label-4, .label-5 {
     width: 110px;
 }
 
+.label-6 {
+    width: 100px;
+}
+
 .label-1, .label-2, .label-3, .label-4, .label-5, .label-6 {
     display: flex;
     flex-direction: column;

client/components/Reader/SettingsPage/include/OthersTab.inc

@@ -1,7 +1,7 @@
 <!---------------------------------------------->
 <div class="part-header">Подсказки, уведомления</div>
 
-<div class="item row">
+<div class="item row no-wrap">
     <div class="label-6">Подсказка</div>
     <q-checkbox size="xs" v-model="showClickMapPage" label="Показывать области управления кликом" :disable="!clickControl" >
         <q-tooltip :delay="1000" anchor="top middle" self="bottom middle" content-style="font-size: 80%">
@@ -20,7 +20,7 @@
     </q-checkbox>
 </div>
 
-<div class="item row">
+<div class="item row no-wrap">
     <div class="label-6">Уведомление</div>
     <q-checkbox size="xs" v-model="showServerStorageMessages" label="Показывать сообщения синхронизации">
         <q-tooltip :delay="1000" anchor="top middle" self="bottom middle" content-style="font-size: 80%">