From 55093f961b02b8ba478c2cb02b40ea29d13103e6 Mon Sep 17 00:00:00 2001
From: ivan-aksamentov <ivan.aksamentov@gmail.com>
Date: Fri, 15 Sep 2023 10:28:35 +0200
Subject: [PATCH] fix(web): small styling

---
 .../nextclade-web/src/components/FilePicker/UploadBox.tsx     | 4 ++--
 .../src/components/Main/QuerySequenceFilePicker.tsx           | 1 +
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages_rs/nextclade-web/src/components/FilePicker/UploadBox.tsx b/packages_rs/nextclade-web/src/components/FilePicker/UploadBox.tsx
index d559604e2..42a711b95 100644
--- a/packages_rs/nextclade-web/src/components/FilePicker/UploadBox.tsx
+++ b/packages_rs/nextclade-web/src/components/FilePicker/UploadBox.tsx
@@ -56,6 +56,7 @@ export const UploadZoneTextContainer = styled.div`
 export const UploadZoneText = styled.div`
   font-size: 1.1rem;
   text-align: center;
+  max-width: 150px;
 `
 
 export const UploadZoneButton = styled(Button)`
@@ -83,8 +84,7 @@ export function UploadBox({ onUpload, children, multiple = false, ...props }: Pr
   const normal = useMemo(
     () => (
       <UploadZoneTextContainer>
-        <UploadZoneText>{t('Drag & drop files')}</UploadZoneText>
-        <UploadZoneText>{t('or folders')}</UploadZoneText>
+        <UploadZoneText>{t('Drag & drop files or folders')}</UploadZoneText>
         <UploadZoneButton color="primary">{t('Select files')}</UploadZoneButton>
       </UploadZoneTextContainer>
     ),
diff --git a/packages_rs/nextclade-web/src/components/Main/QuerySequenceFilePicker.tsx b/packages_rs/nextclade-web/src/components/Main/QuerySequenceFilePicker.tsx
index c0f3e4bc5..0c69f6f48 100644
--- a/packages_rs/nextclade-web/src/components/Main/QuerySequenceFilePicker.tsx
+++ b/packages_rs/nextclade-web/src/components/Main/QuerySequenceFilePicker.tsx
@@ -82,6 +82,7 @@ const Container = styled.div`
   height: 100%;
   overflow: hidden;
   margin-left: 10px;
+  margin-right: 12px;
 `
 
 const Header = styled.div`