From 911d2906d1d4629ae6f8d8592574af5cb22e304c Mon Sep 17 00:00:00 2001
From: Jan Hovancik <jan@hovancik.net>
Date: Sun, 4 Feb 2024 09:43:30 +0100
Subject: [PATCH] RTL select improvements

---
 app/css/commons.css | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/app/css/commons.css b/app/css/commons.css
index bd49bb42c..38c2de808 100644
--- a/app/css/commons.css
+++ b/app/css/commons.css
@@ -167,6 +167,7 @@ a {
 
 /* https://css-tricks.com/html5-progress-element/ */
 progress {
+  appearance: none;
   -webkit-appearance: none;
   height: 6px;
   width: min(50vw, 50vh);
@@ -328,6 +329,11 @@ body[dir=rtl] .has-select {
   right: 3px;
 }
 
+body[dir=rtl] .has-select::after {
+  left: 3px;
+  right: auto;
+}
+
 .has-select::before {
   background: var(--has-select-before-bg);
   border-radius: 0 3px 3px 0;
@@ -339,7 +345,13 @@ body[dir=rtl] .has-select {
   width: 16.5px;
 }
 
+body[dir=rtl] .has-select::before {
+  left: 0;
+  right: auto;
+}
+
 select {
+  appearance: none;
   -webkit-appearance: none;
   color: var(--select-color);
   background: var(--select-bg);
@@ -354,7 +366,7 @@ select {
 
 body[dir=rtl] select {
   padding-left: 0;
-  padding-right: 20px;
+  padding-right: 8px;
 }
 
 select option {