From 88ed5876ae0fa83aac106499722ccf37a1ed4881 Mon Sep 17 00:00:00 2001
From: wukko <me@wukko.me>
Date: Wed, 20 Nov 2024 15:34:10 +0600
Subject: [PATCH] web/Omnibox: adapt for RTL layout

---
 web/src/components/save/Omnibox.svelte | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/web/src/components/save/Omnibox.svelte b/web/src/components/save/Omnibox.svelte
index a1e9873a..108371ac 100644
--- a/web/src/components/save/Omnibox.svelte
+++ b/web/src/components/save/Omnibox.svelte
@@ -219,12 +219,13 @@
     }
 
     #input-container {
+        --input-padding: 10px;
         display: flex;
         box-shadow: 0 0 0 1.5px var(--input-border) inset;
         border-radius: var(--border-radius);
-        padding: 0 10px;
+        padding: 0 var(--input-padding);
         align-items: center;
-        gap: 10px;
+        gap: var(--input-padding);
         font-size: 14px;
         flex: 1;
     }
@@ -233,6 +234,11 @@
         padding-right: 0;
     }
 
+    #input-container.downloadable:dir(rtl) {
+        padding-right: var(--input-padding);
+        padding-left: 0;
+    }
+
     #input-container.focused {
         box-shadow: 0 0 0 1.5px var(--secondary) inset;
         outline: var(--secondary) 0.5px solid;
@@ -250,7 +256,7 @@
         display: flex;
         width: 100%;
         margin: 0;
-        padding: 10px 0;
+        padding: var(--input-padding) 0;
         height: 18px;
 
         align-items: center;