fix(web): small styling

nextstrain · Sep 15, 2023 · 55093f9 · 55093f9
1 parent cabb824
commit 55093f9
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git 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
@@ -82,6 +82,7 @@ const Container = styled.div`
   height: 100%;
   overflow: hidden;
   margin-left: 10px;
+  margin-right: 12px;
 `
 
 const Header = styled.div`