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