From 0a61e315b7f1f359e4e5f11bfe19267554b9ca70 Mon Sep 17 00:00:00 2001
From: Przemyslaw Thomann <peerzet3@gmail.com>
Date: Tue, 1 Jun 2021 23:12:22 +0200
Subject: [PATCH] Mobile UI improvements - still 1.0.7

---
 CHANGELOG.md        | 1 +
 src/pages/Index.vue | 8 +++++---
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 77a2a47..5a2e111 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -5,6 +5,7 @@
 - fixed q-input textarea max-height (UI bug)
 - npm upgrade (new quasar)
 - run on node 14.15.5 (new node_modules)
+- mobile UI improvements
 ## [1.0.6] (21.10.2020)
 ##### Modified:
 - fixed space missing in ASCII characters list
diff --git a/src/pages/Index.vue b/src/pages/Index.vue
index f2b2c1c..966ed64 100644
--- a/src/pages/Index.vue
+++ b/src/pages/Index.vue
@@ -3,12 +3,14 @@
     <q-page>
         <div class="row">
           <div class="col-lg-4 col-xs-grow text-center">
-            <q-card class="q-ma-md bg-dark">
+            <q-card class="bg-dark"
+                    :class="$q.platform.is.mobile ? 'q-mt-xs q-mb-xs' : 'q-ma-md'">
               <q-card-section>
             <img src="statics/TextEncrypter.png"
                  :style="$q.platform.is.mobile ?
-                 'max-width: 100%;' : 'max-width: 415px; max-height: 244px'"/>
-                <div class="text-h3 custom-font text-white">TEXT ENCRYPTER</div>
+                 'max-width: 70%;' : 'max-width: 415px; max-height: 244px'"/>
+                <div class="custom-font text-white"
+                     :class="$q.platform.is.mobile ? 'text-h4' : 'text-h3'">TEXT ENCRYPTER</div>
                 <div class="custom-font text-red"
                 :class="$q.platform.is.mobile ? 'text-subtitle' : 'text-h6'">
                   FREE AND SECURE TEXT ENCRYPTER. <br>