Переход на quasar

client/components/Reader/HelpPage/CommonHelpPage/CommonHelpPage.vue

@@ -1,6 +1,6 @@
 <template>
     <div class="page">
-        <h4>Возможности читалки:</h4>
+        <span class="text-h5">Возможности читалки:</span>
         <ul>
             <li>загрузка любой страницы интернета</li>
             <li>работа в автономном режиме (без связи)</li>
@@ -77,10 +77,6 @@ class CommonHelpPage extends Vue {
     line-height: 130%;
 }
 
-h4 {
-    margin: 0;
-}
-
 .clickable {
     color: blue;
     text-decoration: underline;

client/components/Reader/HelpPage/DonateHelpPage/DonateHelpPage.vue

@@ -4,7 +4,7 @@
             <p class="p">Вы можете пожертвовать на развитие проекта любую сумму:</p>
             <div class="address">
                 <img class="logo" src="./assets/yandex.png">
-                <q-btn class="button q-px-sm" dense no-caps @click="donateYandexMoney">Пожертвовать</q-btn><br>
+                <q-btn class="q-ml-sm q-px-sm" dense no-caps @click="donateYandexMoney">Пожертвовать</q-btn><br>
                 <div class="para">{{ yandexAddress }}
                     <q-icon class="copy-icon" name="o_file_copy" @click="copyAddress(yandexAddress, 'Яндекс кошелек')">
                         <q-tooltip :delay="1000" anchor="top middle" self="center middle" content-style="font-size: 80%">Скопировать</q-tooltip>                    
@@ -94,10 +94,6 @@ class DonateHelpPage extends Vue {
     overflow-wrap: break-word;
 }
 
-h5 {
-    margin: 0;
-}
-
 .address {
     padding-top: 10px;
     margin-top: 20px;
@@ -107,10 +103,6 @@ h5 {
     margin: 10px 10px 10px 40px;
 }
 
-.button {
-    margin-left: 10px;
-}
-
 .logo {
     width: 130px;
     position: relative;

client/components/Reader/HelpPage/HotkeysHelpPage/HotkeysHelpPage.vue

@@ -1,6 +1,6 @@
 <template>
     <div class="page">
-        <h4>Управление с помощью горячих клавиш:</h4>
+        <span class="text-h5">Управление с помощью горячих клавиш:</span>
         <ul>
             <li><b>F1, H</b> - открыть справку</li>
             <li><b>Escape</b> - показать/скрыть страницу загрузки</li>
@@ -47,8 +47,4 @@ class HotkeysHelpPage extends Vue {
     font-size: 120%;
     line-height: 130%;
 }
-
-h4 {
-    margin: 0;
-}
 </style>

client/components/Reader/HelpPage/MouseHelpPage/MouseHelpPage.vue

@@ -1,6 +1,6 @@
 <template>
     <div class="page">
-        <h4>Управление с помощью мыши/тачскрина:</h4>
+        <span class="text-h5">Управление с помощью мыши/тачскрина:</span>
         <ul>
             <li><b>ЛКМ/ТАЧ</b> по экрану в одну из областей - активация действия:</li>
                 <div class="click-map-page">
@@ -55,10 +55,6 @@ class MouseHelpPage extends Vue {
     line-height: 130%;
 }
 
-h4 {
-    margin: 0;
-}
-
 .click-map-page {
     position: relative;
     width: 400px;

client/components/Reader/HelpPage/VersionHistoryPage/VersionHistoryPage.vue

@@ -7,7 +7,7 @@
         </span>
 
         <br>
-        <h4>История версий:</h4>
+        <span class="text-h5">История версий:</span>
         <br>
 
         <div v-for="item in versionContent" :id="item.key" :key="item.key">
@@ -65,10 +65,6 @@ class VersionHistoryPage extends Vue {
     position: relative;
 }
 
-h4 {
-    margin: 0;
-}
-
 p {
     line-height: 15px;
 }