diff options
| -rw-r--r-- | css/styles.css | 4 | ||||
| -rw-r--r-- | pages-src/settings.bvr | 16 | ||||
| -rw-r--r-- | 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> |