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

---
 css/styles.css             | 11 ++++++++++
 pages-src/about.bvr        | 52 +++++++++++++++++++++++++-------------------
 pages-src/misc/version.bvr |  1 +
 pages-src/settings.bvr     | 26 ++++++++++++++--------
 pages/about.html           | 54 +++++++++++++++++++++++++++-------------------
 pages/settings.html        | 26 ++++++++++++++--------
 6 files changed, 108 insertions(+), 62 deletions(-)
 create mode 100644 pages-src/misc/version.bvr

diff --git a/css/styles.css b/css/styles.css
index c728463..bea7be0 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -189,3 +189,14 @@ a.collection-item {
 .fab-new-message {
     background-color: var(--color-secondary) !important;
 }
+
+/* About right buttons */
+.about-button-box {
+    display: flex;
+    flex-direction: row;
+}
+
+.about-button-box > * {
+    margin-left: 5px;
+    margin-right: 5px;
+}
\ No newline at end of file
diff --git a/pages-src/about.bvr b/pages-src/about.bvr
index 7558a10..0830b9f 100644
--- a/pages-src/about.bvr
+++ b/pages-src/about.bvr
@@ -48,9 +48,11 @@
     <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> <@?i version@></h5>
             </div>
         </div>
         <div class="row">
@@ -59,29 +61,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>
@@ -92,7 +100,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>
@@ -105,8 +113,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-src/misc/version.bvr b/pages-src/misc/version.bvr
new file mode 100644
index 0000000..e892a4f
--- /dev/null
+++ b/pages-src/misc/version.bvr
@@ -0,0 +1 @@
+1.0.13-beta
\ No newline at end of file
diff --git a/pages-src/settings.bvr b/pages-src/settings.bvr
index 130def1..ebe8906 100644
--- a/pages-src/settings.bvr
+++ b/pages-src/settings.bvr
@@ -50,20 +50,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">
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 20fedcb835552cedd131321754fe696aa4f464df Mon Sep 17 00:00:00 2001
From: rstular <rok@stular.eu>
Date: Thu, 14 May 2020 20:55:44 +0200
Subject: Indentation fix

---
 js/messaging.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/js/messaging.js b/js/messaging.js
index 38b1625..86d90e7 100644
--- a/js/messaging.js
+++ b/js/messaging.js
@@ -513,7 +513,7 @@ function setupEventListeners() {
 	                            $('#beziapp-msg-e2ee-content-${randomencdivid}').html(
 	                                sjcl.decrypt(
 	                                    $('#beziapp-msg-e2ee-password-${randomencdivid}').val(),
-																			$('#beziapp-msg-e2ee-content-${randomencdivid}').text()
+										$('#beziapp-msg-e2ee-content-${randomencdivid}').text()
 	                                )
 	                            );
 	                            $('#beziapp-msg-e2ee-content-${randomencdivid}').show();
-- 
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

---
 css/styles.css         |  4 ++++
 pages-src/settings.bvr | 16 ++++++++--------
 pages/settings.html    | 16 ++++++++--------
 3 files changed, 20 insertions(+), 16 deletions(-)

diff --git a/css/styles.css b/css/styles.css
index bea7be0..cd800f3 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -199,4 +199,8 @@ a.collection-item {
 .about-button-box > * {
     margin-left: 5px;
     margin-right: 5px;
+}
+
+.flag-icon {
+    height: 1vw;
 }
\ No newline at end of file
diff --git a/pages-src/settings.bvr b/pages-src/settings.bvr
index ebe8906..5449dba 100644
--- a/pages-src/settings.bvr
+++ b/pages-src/settings.bvr
@@ -56,23 +56,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>
@@ -102,7 +102,7 @@
 	                        <span class="title about-text">Lingua latīna</span>
 	                    </li>
 										-->
-                </ul>
+                </div>
             </div>
         </div>
     </div>
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-src/settings.bvr | 12 ++++++------
 pages/settings.html    | 12 ++++++------
 2 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/pages-src/settings.bvr b/pages-src/settings.bvr
index 5449dba..12c28d7 100644
--- a/pages-src/settings.bvr
+++ b/pages-src/settings.bvr
@@ -57,20 +57,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>
 										<!--
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