From 4408d1aae1734b8cd277d13071b29c5f392d0543 Mon Sep 17 00:00:00 2001
From: Redume <danilivasenko09@gmail.com>
Date: Wed, 26 Jul 2023 15:11:26 +0300
Subject: [PATCH] improved text optimization and text placement under screens

---
 localized-files/ru/static/css/main.css | 45 +++++++++++++++++++-------
 static/css/main.css                    | 45 +++++++++++++++++++-------
 2 files changed, 66 insertions(+), 24 deletions(-)

diff --git a/localized-files/ru/static/css/main.css b/localized-files/ru/static/css/main.css
index 61781ab..9ff5b23 100644
--- a/localized-files/ru/static/css/main.css
+++ b/localized-files/ru/static/css/main.css
@@ -31,7 +31,7 @@ a {
 
     #title {
         font-size: 2.5em;
-        margin-top: -160%;
+        margin-top: -170%;
     }
 
     #subtitle {
@@ -60,7 +60,7 @@ a {
 
     #title {
         font-size: 3em;
-        margin-top: -130%;
+        margin-top: -140%;
     }
 
     #google-play, #github {
@@ -69,14 +69,14 @@ a {
     }
 
     #get-it-on {
-        margin-top: -6.7%;
+        margin-top: -2%;
         text-align: center;
     }
 }
 
 @media (min-width: 768px) {
     #devices {
-        margin: 39% auto;
+        margin: 33% auto;
     }
 
     #title {
@@ -84,6 +84,14 @@ a {
         margin-top: -110%;
     }
 
+    #subtitle {
+        font-size: 1.2em;
+    }
+
+    #description {
+        font-size: 1.5em;
+    }
+
     #description {
         width: 90%;
         margin: 0 auto;
@@ -95,24 +103,25 @@ a {
     }
 
     #get-it-on {
-        margin-top: 1%;
+        margin-top: -6%;
         text-align: center;
     }
 }
 
 @media (min-width: 992px) {
     #devices {
-        margin: 30% auto;
+        margin: 33% auto;
     }
 
     #title {
         font-size: 4em;
-        margin-top: -95%;
+        margin-top: -106%;
     }
 
     #description {
         width: 70%;
         margin: 0 auto;
+        font-size: 1.3em;
     }
 
     #google-play, #github {
@@ -121,14 +130,14 @@ a {
     }
 
     #get-it-on {
-        margin-top: -2%;
+        margin-top: -5%;
         text-align: center;
     }
 }
 
 @media (min-width: 1200px) {
     #devices {
-        margin: 25% auto;
+        margin: 13% auto;
     }
 
     #title {
@@ -141,9 +150,21 @@ a {
         margin: 0 auto;
     }
 
+    #subtitle {
+        font-size: 1.5em;
+    }
+
+    #description {
+        font-size: 1.5em;
+    }
+
     #google-play, #github {
-        width: 20%;
-        height: 20%;
+        width: 25%;
+        height: 25%;
+    }
+
+    #devices {
+        margin-top: 25%;
     }
 
     #get-it-on {
@@ -184,7 +205,7 @@ a {
     }
 
     #get-it-on {
-        margin-top: -25%;
+        margin-top: -35%;
         margin-left: 47%;
     }
 }
\ No newline at end of file
diff --git a/static/css/main.css b/static/css/main.css
index 61781ab..9ff5b23 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -31,7 +31,7 @@ a {
 
     #title {
         font-size: 2.5em;
-        margin-top: -160%;
+        margin-top: -170%;
     }
 
     #subtitle {
@@ -60,7 +60,7 @@ a {
 
     #title {
         font-size: 3em;
-        margin-top: -130%;
+        margin-top: -140%;
     }
 
     #google-play, #github {
@@ -69,14 +69,14 @@ a {
     }
 
     #get-it-on {
-        margin-top: -6.7%;
+        margin-top: -2%;
         text-align: center;
     }
 }
 
 @media (min-width: 768px) {
     #devices {
-        margin: 39% auto;
+        margin: 33% auto;
     }
 
     #title {
@@ -84,6 +84,14 @@ a {
         margin-top: -110%;
     }
 
+    #subtitle {
+        font-size: 1.2em;
+    }
+
+    #description {
+        font-size: 1.5em;
+    }
+
     #description {
         width: 90%;
         margin: 0 auto;
@@ -95,24 +103,25 @@ a {
     }
 
     #get-it-on {
-        margin-top: 1%;
+        margin-top: -6%;
         text-align: center;
     }
 }
 
 @media (min-width: 992px) {
     #devices {
-        margin: 30% auto;
+        margin: 33% auto;
     }
 
     #title {
         font-size: 4em;
-        margin-top: -95%;
+        margin-top: -106%;
     }
 
     #description {
         width: 70%;
         margin: 0 auto;
+        font-size: 1.3em;
     }
 
     #google-play, #github {
@@ -121,14 +130,14 @@ a {
     }
 
     #get-it-on {
-        margin-top: -2%;
+        margin-top: -5%;
         text-align: center;
     }
 }
 
 @media (min-width: 1200px) {
     #devices {
-        margin: 25% auto;
+        margin: 13% auto;
     }
 
     #title {
@@ -141,9 +150,21 @@ a {
         margin: 0 auto;
     }
 
+    #subtitle {
+        font-size: 1.5em;
+    }
+
+    #description {
+        font-size: 1.5em;
+    }
+
     #google-play, #github {
-        width: 20%;
-        height: 20%;
+        width: 25%;
+        height: 25%;
+    }
+
+    #devices {
+        margin-top: 25%;
     }
 
     #get-it-on {
@@ -184,7 +205,7 @@ a {
     }
 
     #get-it-on {
-        margin-top: -25%;
+        margin-top: -35%;
         margin-left: 47%;
     }
 }
\ No newline at end of file