change layout

loculus-project · Dec 10, 2024 · d6a9ed0 · d6a9ed0
1 parent bf094d5
commit d6a9ed0
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 6 deletions.
diff --git 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
@@ -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
@@ -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)}