From 9989413cd5534189b1cade62aa73aadbf56f6f2b Mon Sep 17 00:00:00 2001
From: Jonas Heinrich <onny@project-insanity.org>
Date: Sat, 30 May 2020 11:11:53 +0200
Subject: [PATCH] fix lang selection on sticky-header

---
 README.md          |  2 +-
 kit/css/header.css | 14 ++++++++++++--
 2 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/README.md b/README.md
index d3b27fa..7042e78 100644
--- a/README.md
+++ b/README.md
@@ -44,7 +44,7 @@ Can be easily tested using Docker:
 ```
 make docker_up
 ```
-The Wordpress instance is then available in the local network at http://localhost:8080/ .
+The Wordpress instance is then available in the local network at http://localhost:8080/ . If you are using nftables firewall, consider a [migration to iptables-nft](https://wiki.archlinux.org/index.php/Nftables#Working_with_Docker) to keep Docker working.
 
 ## Reporting bugs
 You can report bugs in the public gitlab repository [here](https://git.project-insanity.org/onny/nextcloud-app-radio/issues) and for discussion you can find a section for the app in the offical Nextcloud forums [here](https://help.nextcloud.com/c/apps/radio).
diff --git a/kit/css/header.css b/kit/css/header.css
index 4781599..cd906ec 100644
--- a/kit/css/header.css
+++ b/kit/css/header.css
@@ -141,14 +141,20 @@ header:not(.sticky-header) .header-button-container {
 }
 
 .header-lang-small {
-  display: flex;
+  display: none;
   flex-direction: row;
   order: 1;
   margin: 0 1rem;
-  display: none;
   color: #333333;
 }
 
+header.sticky-header .header-lang-small {
+  display: flex;
+  order: 4;
+  margin-left: 2.5rem;
+  margin-right: -1rem;
+}
+
 .header-lang-small .icon {
   margin-top: 0.05rem;
   width: 1.5rem;
@@ -217,6 +223,10 @@ header:not(.sticky-header) .header-button-container {
   font-size: 14px;
 }
 
+header.sticky-header .header-lang {
+  display: none;
+}
+
 .header-lang li {
   border-left: 1px solid #333333;
   line-height: 1;