From bbcf23357ae8a75e1885daffc429a5e96f8a5f7d Mon Sep 17 00:00:00 2001
From: rstular <rok@stular.eu>
Date: Thu, 14 May 2020 20:53:47 +0200
Subject: Styling fixes in about and settings

---
 pages/about.html    | 54 +++++++++++++++++++++++++++++++----------------------
 pages/settings.html | 26 +++++++++++++++++---------
 2 files changed, 49 insertions(+), 31 deletions(-)

(limited to 'pages')

diff --git a/pages/about.html b/pages/about.html
index 8d18a85..08c9c47 100644
--- a/pages/about.html
+++ b/pages/about.html
@@ -70,9 +70,13 @@
     <div class="container">
         <div class="row">
             <div class="col s12">
-                <h3><b class="title-secondary">Beži</b><span class="title-primary">App</span>
+                <h3>
+                    <b class="title-secondary">Beži</b><span class="title-primary">App</span>
                 </h3>
-                <h5 class="subheader"><x-su>version</x-su> 1.0.13-beta</h5>
+                <!-- One day in the future we may have sw cache version covered by this as well -->
+                <h5 class="subheader"><x-su>version</x-su> 
+1.0.13-bet
+</h5>
             </div>
         </div>
         <div class="row">
@@ -81,29 +85,35 @@
                     <li class="collection-header">
                         <h5><x-su>authors</x-su></h5>
                     </li>
-                    <li class="collection-item avatar">
+                    <li class="valign-wrapper collection-item avatar">
                         <img src="/img/avatars/rstular.png" class="circle">
                         <span class="title about-text">Rok Štular</span>
-			&nbsp;&nbsp;&nbsp;&nbsp; <!-- technology -->
-			<a href="messaging.html#Rok Štular" class="btn waves-effect waves-light" type="button">
-                            <i class="material-icons">message</i>
-                        </a>
-                        <a target="_blank" href="https://instagram.com/rstular/"
-                            class="secondary-content btn-floating btn-medium waves-effect waves-light button-theme-gimb"><i
-                                class="fab fa-instagram"></i></a>
+                        
+                        <div class="secondary-content about-button-box">
+                            <a href="messaging.html#Rok Štular" class="btn-floating btn-medium waves-effect waves-light button-theme-gimb" type="button">
+                                <i class="material-icons">message</i>
+                            </a>
+                            <a target="_blank" href="https://instagram.com/rstular/"
+                                class="btn-floating btn-medium waves-effect waves-light button-theme-gimb">
+                                <i class="fab fa-instagram"></i>
+                            </a>
+                        </div>
+                            
                     </li>
 
-                    <li class="collection-item avatar">
+                    <li class="valign-wrapper collection-item avatar">
                         <img src="/img/avatars/asijanec.png" class="circle">
                         <span class="title about-text">Anton Luka Šijanec</span>
-                        <a target="_blank" href="https://instagram.com/asijanec/"
-                            class="secondary-content btn-floating btn-medium waves-effect waves-light button-theme-gimb"><i
-                                class="fab fa-instagram"></i></a>
-			</a>
-			&nbsp;&nbsp;&nbsp;&nbsp; <!-- technology -->
-			<a href="messaging.html#Anton Luka Šijanec" class="btn waves-effect waves-light" type="button">
-                            <i class="material-icons">message</i>
-                        </a>
+
+                        <div class="secondary-content about-button-box">
+                            <a href="messaging.html#Anton Luka Šijanec" class="btn-floating btn-medium waves-effect waves-light button-theme-gimb" type="button">
+                                <i class="material-icons">message</i>
+                            </a>
+                            <a target="_blank" href="https://instagram.com/rstular/"
+                                class="btn-floating btn-medium waves-effect waves-light button-theme-gimb">
+                                <i class="fab fa-instagram"></i>
+                            </a>
+                        </div>
                     </li>
                 </ul>
             </div>
@@ -114,7 +124,7 @@
                     <li class="collection-header">
                         <h5><x-su>translatorsForThisLanguage</x-su> - <x-su>miscTranslationLanguage</x-su></h5>
                     </li>
-                    <li class="collection-item avatar">
+                    <li class="collection-item">
                         <span class="title about-text"><x-su>miscTranslationAuthors</x-su></span>
                     </li>
                 </ul>
@@ -127,8 +137,8 @@
                     <a href="/pages/tos.html" class="collection-item"><x-su>theToS</x-su></a>
                     <a href="/pages/privacypolicy.html" class="collection-item"><x-su>thePrivacyPolicy</x-su></a>
                     <a href="https://instagram.com/beziapp/" target="_blank" class="collection-item">
-											<x-su>reportABug</x-su> / <x-su>sendASuggestion</x-su> (<x-su>instagram></x-su>: @beziapp)
-										</a>
+						<x-su>reportABug</x-su> / <x-su>sendASuggestion</x-su> (<x-su>instagram</x-su>: @beziapp)
+					</a>
                 </div>
             </div>
         </div>
diff --git a/pages/settings.html b/pages/settings.html
index ff667a8..ca18ecc 100644
--- a/pages/settings.html
+++ b/pages/settings.html
@@ -72,20 +72,28 @@
             <div class="col s12">
                 <h3><b class="title-secondary">Beži</b><span class="title-primary">App</span>
                 </h3>
-                <h5 class="subheader"><x-su>settings</x-su></h5>
+                <h4 class="subheader"><x-su>settings</x-su></h4>
             </div>
         </div>
         <div class="row">
+            <h5><x-su>language</x-su></h5>
             <div class="col s12">
-                <ul class="collection with-header">
-                    <li class="collection-header">
-                        <h5><x-su>language</x-su></h5>
+                <ul class="collection">
+                    <li data-language="sl" class="collection-item settings-language-selector">
+                        <div>
+                            Slovenščina
+                            <a href="#!" class="secondary-content">
+                                <img src="/img/flags/sl.svg" />
+                            </a>
+                        </div>
                     </li>
-                    <li data-language="sl" class="settings-language-selector collection-item waves-effect">
-                        <span class="title about-text">Slovenščina</span>
-                    </li>
-                    <li date-language="en" class="collection-item waves-effect">
-                        <span class="title about-text">English</span>
+                    <li data-language="en" class="collection-item settings-language-selector">
+                        <div>
+                            English
+                            <a href="#!" class="secondary-content">
+                                <img src="/img/flags/en.svg" />
+                            </a>
+                        </div>
                     </li>
 										<!--
 	                    <li class="collection-item waves-effect">
-- 
cgit v1.2.3


From 32fc56b639f6a38c2b7e30ee9e6bd2cf41c96b2f Mon Sep 17 00:00:00 2001
From: rstular <rok@stular.eu>
Date: Thu, 14 May 2020 21:04:37 +0200
Subject: Flag size fixes, hover

---
 pages/settings.html | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

(limited to 'pages')

diff --git a/pages/settings.html b/pages/settings.html
index ca18ecc..7c9e32f 100644
--- a/pages/settings.html
+++ b/pages/settings.html
@@ -78,23 +78,23 @@
         <div class="row">
             <h5><x-su>language</x-su></h5>
             <div class="col s12">
-                <ul class="collection">
-                    <li data-language="sl" class="collection-item settings-language-selector">
+                <div class="collection">
+                    <a data-language="sl" class="collection-item settings-language-selector">
                         <div>
                             Slovenščina
                             <a href="#!" class="secondary-content">
-                                <img src="/img/flags/sl.svg" />
+                                <img class="flag-icon" src="/img/flags/sl.svg" />
                             </a>
                         </div>
-                    </li>
-                    <li data-language="en" class="collection-item settings-language-selector">
+                    </a>
+                    <a data-language="en" class="collection-item settings-language-selector">
                         <div>
                             English
                             <a href="#!" class="secondary-content">
-                                <img src="/img/flags/en.svg" />
+                                <img class="flag-icon" src="/img/flags/en.svg" />
                             </a>
                         </div>
-                    </li>
+                    </a>
 										<!--
 	                    <li class="collection-item waves-effect">
 	                        <span class="title about-text">Srpskohrvatski</span>
@@ -124,7 +124,7 @@
 	                        <span class="title about-text">Lingua latīna</span>
 	                    </li>
 										-->
-                </ul>
+                </div>
             </div>
         </div>
     </div>
-- 
cgit v1.2.3


From 00ca446b50439b012de00e17a353ce966eb4ef61 Mon Sep 17 00:00:00 2001
From: rstular <rok@stular.eu>
Date: Thu, 14 May 2020 21:07:42 +0200
Subject: Settings styling fix

---
 pages/settings.html | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

(limited to 'pages')

diff --git a/pages/settings.html b/pages/settings.html
index 7c9e32f..ab40c02 100644
--- a/pages/settings.html
+++ b/pages/settings.html
@@ -79,20 +79,20 @@
             <h5><x-su>language</x-su></h5>
             <div class="col s12">
                 <div class="collection">
-                    <a data-language="sl" class="collection-item settings-language-selector">
+                    <a data-language="sl" class="collection-item settings-language-selector" href="#">
                         <div>
                             Slovenščina
-                            <a href="#!" class="secondary-content">
+                            <div class="secondary-content">
                                 <img class="flag-icon" src="/img/flags/sl.svg" />
-                            </a>
+                            </div>
                         </div>
                     </a>
-                    <a data-language="en" class="collection-item settings-language-selector">
+                    <a data-language="en" class="collection-item settings-language-selector" href="#">
                         <div>
                             English
-                            <a href="#!" class="secondary-content">
+                            <div class="secondary-content">
                                 <img class="flag-icon" src="/img/flags/en.svg" />
-                            </a>
+                            </div>
                         </div>
                     </a>
 										<!--
-- 
cgit v1.2.3