Переход на quasar

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

@@ -70,7 +70,6 @@ class CommonHelpPage extends Vue {
 
 <style scoped>
 .page {
-    flex: 1;
     padding: 15px;
     overflow-y: auto;
     font-size: 120%;

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

@@ -88,12 +88,10 @@ class DonateHelpPage extends Vue {
 
 <style scoped>
 .page {
-    flex: 1;
     padding: 15px;
     overflow-y: auto;
     font-size: 120%;
     line-height: 130%;
-    display: flex;
 }
 
 .p {
@@ -103,7 +101,6 @@ class DonateHelpPage extends Vue {
 }
 
 .box {
-    flex: 1;
     max-width: 550px;
     overflow-wrap: break-word;
 }

client/components/Reader/HelpPage/HelpPage.vue

@@ -4,7 +4,7 @@
             Справка
         </template>
 
-        <div class="fit" style="min-width: 600px">
+        <div class="col" style="min-width: 600px; display: grid">
             <q-btn-toggle
                 v-model="selectedTab"
                 toggle-color="primary"
@@ -18,7 +18,8 @@
                 ]"
             />
             <q-separator />
-            <q-tab-panels class="fit" v-model="selectedTab">
+
+            <q-tab-panels v-model="selectedTab">
                 <q-tab-panel name="common">
                     <CommonHelpPage></CommonHelpPage>
                 </q-tab-panel>

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

@@ -42,7 +42,6 @@ class HotkeysHelpPage extends Vue {
 
 <style scoped>
 .page {
-    flex: 1;
     padding: 15px;
     overflow-y: auto;
     font-size: 120%;

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

@@ -49,7 +49,6 @@ class MouseHelpPage extends Vue {
 
 <style scoped>
 .page {
-    flex: 1;
     padding: 15px;
     overflow-y: auto;
     font-size: 120%;

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

@@ -58,7 +58,6 @@ class VersionHistoryPage extends Vue {
 
 <style scoped>
 .page {
-    flex: 1;
     padding: 15px;
     overflow-y: auto;
     font-size: 120%;