From 0c261fb314f2437005de8cd716d28549634ea9ef Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?S=C3=B6ren=20Weber?= <mail@soeren-weber.de>
Date: Sun, 13 Feb 2022 10:58:00 +0100
Subject: [PATCH] theme: fix alignment of menu select boxes #178

---
 layouts/partials/menu.html |  2 ++
 static/css/theme.css       | 16 +++++++++++-----
 2 files changed, 13 insertions(+), 5 deletions(-)

diff --git a/layouts/partials/menu.html b/layouts/partials/menu.html
index 3aabf85e10..75e83cc862 100644
--- a/layouts/partials/menu.html
+++ b/layouts/partials/menu.html
@@ -68,6 +68,7 @@
             <li>
               <a class="padding select-container">
                 <i class="fas fa-language fa-fw"></i>
+                <span>&nbsp;</span>
                 <div class="select-style">
                   <select id="select-language" onchange="location = baseUri + this.value;">
                     {{- $siteLanguages := .Site.Languages }}
@@ -93,6 +94,7 @@
             <li>
               <a class="padding select-container">
                 <i class="fas fa-paint-brush fa-fw"></i>
+                <span>&nbsp;</span>
                 <div class="select-style">
                   <select id="select-theme" onchange="changeTheme( this.value );">
                     {{- $firsttheme := true }}
diff --git a/static/css/theme.css b/static/css/theme.css
index 7655b1927f..2bad77ff3f 100644
--- a/static/css/theme.css
+++ b/static/css/theme.css
@@ -1384,17 +1384,23 @@ h6 a {
 }
 
 .select-container {
-    height: 1.5rem;
+}
+
+.select-container i {
+    padding-top: .25em;
+}
+
+.select-container i,
+.select-container span {
+    display: block;
+    float: left;
 }
 
 .select-style {
     border: 0;
     border-radius: 0px;
-    height: 1.5rem;
-    margin-left: 1.5rem;
-    position: relative;
+    height: 1.574em;
     overflow: hidden;
-    top: -1.5rem;
 }
 
 .select-style select {