From d6a9ed0412ba1a55c72b3f51be2cf7a9189903df Mon Sep 17 00:00:00 2001
From: Felix Hennig <mail@felixhennig.com>
Date: Sat, 7 Dec 2024 01:52:34 +0100
Subject: [PATCH] change layout

---
 .../SearchPage/DownloadDialog/DownloadDialog.tsx          | 2 +-
 .../components/SearchPage/DownloadDialog/DownloadForm.tsx | 2 +-
 .../components/SearchPage/DownloadDialog/OptionBlock.tsx  | 8 ++++----
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/website/src/components/SearchPage/DownloadDialog/DownloadDialog.tsx b/website/src/components/SearchPage/DownloadDialog/DownloadDialog.tsx
index 68f782073c..6af4911d02 100644
--- a/website/src/components/SearchPage/DownloadDialog/DownloadDialog.tsx
+++ b/website/src/components/SearchPage/DownloadDialog/DownloadDialog.tsx
@@ -39,7 +39,7 @@ export const DownloadDialog: FC<DownloadDialogProps> = ({
                         referenceGenomesSequenceNames={referenceGenomesSequenceNames}
                         onChange={setDownloadOption}
                     />
-                    <div className='mb-4 py-5'>
+                    <div className='mb-4 py-4'>
                         <label className='flex items-center'>
                             <input
                                 type='checkbox'
diff --git a/website/src/components/SearchPage/DownloadDialog/DownloadForm.tsx b/website/src/components/SearchPage/DownloadDialog/DownloadForm.tsx
index fb9b48cd8e..e1d2dcc1a3 100644
--- a/website/src/components/SearchPage/DownloadDialog/DownloadForm.tsx
+++ b/website/src/components/SearchPage/DownloadDialog/DownloadForm.tsx
@@ -75,7 +75,7 @@ export const DownloadForm: FC<DownloadFormProps> = ({ referenceGenomesSequenceNa
     ]);
 
     return (
-        <div className='flex flex-row flex-wrap mb-4 justify-between'>
+        <div className='flex flex-row flex-wrap mb-4 gap-y-2 py-4'>
             <RadioOptionBlock
                 name='includeRestricted'
                 title='Include restricted data?'
diff --git a/website/src/components/SearchPage/DownloadDialog/OptionBlock.tsx b/website/src/components/SearchPage/DownloadDialog/OptionBlock.tsx
index 26bfc4c097..fa228f5dbc 100644
--- a/website/src/components/SearchPage/DownloadDialog/OptionBlock.tsx
+++ b/website/src/components/SearchPage/DownloadDialog/OptionBlock.tsx
@@ -21,15 +21,15 @@ export const RadioOptionBlock: FC<OptionBlockProps> = ({
     disabled = false,
 }) => {
     return (
-        <div className='max-w-80 basis-1/3'>
+        <div className='basis-1/2 justify-start'>
             {title !== undefined && <h4 className='font-bold'>{title}</h4>}
             {options.map((option, index) => (
                 <div key={index}>
-                    <label className='label justify-start'>
+                    <label className='label justify-start py-1 items-baseline'>
                         <input
                             type='radio'
                             name={name}
-                            className='mr-2 text-primary-600 focus:ring-primary-600'
+                            className='mr-4 text-primary-600 focus:ring-primary-600 relative bottom-[-0.2rem]'
                             checked={index === selected}
                             onChange={() => onSelect(index)}
                             disabled={disabled}
@@ -55,7 +55,7 @@ export const DropdownOptionBlock: FC<OptionBlockProps> = ({
         <div className='max-w-80'>
             <select
                 name={name}
-                className='select select-bordered w-full max-w-xs'
+                className='select select-bordered w-full max-w-xs min-h-0 h-auto py-0'
                 disabled={disabled}
                 value={selected}
                 onChange={(event) => onSelect(event.target.selectedIndex)}