From b07ffd2b1f290606da2e8592fb2372a61decbcd4 Mon Sep 17 00:00:00 2001
From: Jonas Heinrich <onny@project-insanity.org>
Date: Thu, 30 Apr 2020 16:02:51 +0200
Subject: [PATCH] fix icon lang selector on ios mobile device, safari

---
 kit/css/header.css | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/kit/css/header.css b/kit/css/header.css
index 8a2b837..4781599 100644
--- a/kit/css/header.css
+++ b/kit/css/header.css
@@ -143,8 +143,8 @@ header:not(.sticky-header) .header-button-container {
 .header-lang-small {
   display: flex;
   flex-direction: row;
-  order: 2;
-  margin-left: 2rem;
+  order: 1;
+  margin: 0 1rem;
   display: none;
   color: #333333;
 }
@@ -157,11 +157,14 @@ header:not(.sticky-header) .header-button-container {
   background-position: left center;
   background-size: contain;
   mask: url('../img/ios-arrow-down.svg') no-repeat center / contain;
+  -webkit-mask-image: url('../img/ios-arrow-down.svg');
+  /* no-repeat center / contain; */
   background-color: #333333;
 }
 
 .header-lang-small .icon.active {
   mask: url('../img/ios-arrow-up.svg');
+  -webkit-mask-image: url('../img/ios-arrow-up.svg');
 }
 
 .header-lang-small li:not(.active) {
@@ -312,7 +315,7 @@ header:not(.sticky-header) .header-button-container {
 
   .header-search {
     display: block;
-    order: 2;
+    order: 3;
   }
 
   .header-button-container {