From 9751af096d09de5c26edd461220a68fca10b0a29 Mon Sep 17 00:00:00 2001
From: softsimon <softsimon@protonmail.com>
Date: Sat, 16 Jan 2021 00:10:23 +0700
Subject: [PATCH] Adding common styling for dropdown select. fixes #293

---
 frontend/src/app/dashboard/dashboard.component.html | 2 +-
 frontend/src/styles.scss                            | 2 ++
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/frontend/src/app/dashboard/dashboard.component.html b/frontend/src/app/dashboard/dashboard.component.html
index a9be84eca..dbf0b074c 100644
--- a/frontend/src/app/dashboard/dashboard.component.html
+++ b/frontend/src/app/dashboard/dashboard.component.html
@@ -134,7 +134,7 @@
   </button>
 
   <div [formGroup]="languageForm" class="text-small text-center mt-4">
-    <select formControlName="language" class="form-control form-control-secondary form-control-sm mx-auto" style="width: 130px;" (change)="changeLanguage()">
+    <select formControlName="language" class="custom-select custom-select-sm form-control-secondary form-control mx-auto" style="width: 130px;" (change)="changeLanguage()">
       <option *ngFor="let lang of languages" [value]="lang.code">{{ lang.name }}</option>
     </select>
   </div>
diff --git a/frontend/src/styles.scss b/frontend/src/styles.scss
index eafe4799d..04213f506 100644
--- a/frontend/src/styles.scss
+++ b/frontend/src/styles.scss
@@ -22,6 +22,8 @@ $pagination-hover-bg:              #12131e;
 $pagination-hover-border-color:     #1d1f31;
 $pagination-disabled-bg:          #1d1f31;
 
+$custom-select-indicator-color: #FFF;
+
 .input-group-text {
   background-color: #1c2031 !important;
   border: 1px solid #20263e !important;