From d264f88553600e57ccef3c466ed86c5d2c18285d Mon Sep 17 00:00:00 2001
From: Alex Chaplinsky <alchaplinsky@gmail.com>
Date: Wed, 11 Aug 2021 22:51:58 +0200
Subject: [PATCH] Update select styles

---
 .../main/sidebar/settings/language.js         | 22 ++++++++++---------
 .../stylesheets/components/select.sass        | 14 ++++++++++++
 2 files changed, 26 insertions(+), 10 deletions(-)

diff --git a/src/renderer/javascripts/components/main/sidebar/settings/language.js b/src/renderer/javascripts/components/main/sidebar/settings/language.js
index 18cd171d..32562870 100644
--- a/src/renderer/javascripts/components/main/sidebar/settings/language.js
+++ b/src/renderer/javascripts/components/main/sidebar/settings/language.js
@@ -19,16 +19,18 @@ const Language = ({ section }) => {
   return (
     <>
       <h1>{i18n('Language')}</h1>
-      <select
-        name="locale"
-        onChange={({ target }) => setLanguage(target.value)}
-      >
-        {Object.keys(languages).map(key => (
-          <option key={key} value={key}>
-            {languages[key]}
-          </option>
-        ))}
-      </select>
+      <div className="select">
+        <select
+          name="locale"
+          onChange={({ target }) => setLanguage(target.value)}
+        >
+          {Object.keys(languages).map(key => (
+            <option key={key} value={key}>
+              {languages[key]}
+            </option>
+          ))}
+        </select>
+      </div>
     </>
   )
 }
diff --git a/src/renderer/stylesheets/components/select.sass b/src/renderer/stylesheets/components/select.sass
index 84ecb648..8159ce5b 100644
--- a/src/renderer/stylesheets/components/select.sass
+++ b/src/renderer/stylesheets/components/select.sass
@@ -1,7 +1,21 @@
+.select
+  position: relative
+  &::after
+    position: absolute
+    display: block
+    content: ""
+    width: 0.8em
+    height: 0.5em
+    top: 14px
+    right: 14px
+    background-color: #777
+    clip-path: polygon(100% 0%, 0 0%, 50% 100%)
+
 select
   font-size: 14px
   width: 100%
   padding: 8px 10px
   border: 1px solid #ddd
   border-radius: 5px
+  outline: none
   -webkit-appearance: none