diff --git a/web/src/components/save/buttons/DownloadButton.svelte b/web/src/components/save/buttons/DownloadButton.svelte index 43a7412d..981bb0ad 100644 --- a/web/src/components/save/buttons/DownloadButton.svelte +++ b/web/src/components/save/buttons/DownloadButton.svelte @@ -183,6 +183,16 @@ border-bottom-right-radius: var(--border-radius); } + #download-button:dir(rtl) { + border-left: 0; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + + border-right: 1.5px var(--input-border) solid; + border-top-left-radius: var(--border-radius); + border-bottom-left-radius: var(--border-radius); + } + #download-button:focus-visible { box-shadow: 0 0 0 2px var(--blue) inset; } @@ -209,6 +219,11 @@ border-left: 2px var(--secondary) solid; } + :global(#input-container.focused) #download-button:dir(rtl) { + border-left: 0; + border-right: 2px var(--secondary) solid; + } + @media (hover: hover) { #download-button:hover { background: var(--button-hover-transparent);