lowering the font size

RENCI · Aug 28, 2024 · b7e6e17 · b7e6e17
1 parent 8e90529
commit b7e6e17
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 8 deletions.
diff --git a/src/components/trays/model-selection/synopticTab.js b/src/components/trays/model-selection/synopticTab.js
@@ -254,27 +254,27 @@ export const SynopticTabForm = () => {
                             slotProps={{
                                 textField: { size: 'small', helperText: errorMessage},
                                 field: { clearable: true },
-                                actionBar: { actions: ['clear'] },
+                                actionBar: { actions: ['clear'] }, fontSize: 10
                             }}
                             onChange={(newValue) => {
                                 setChangedSynopticDate(newValue);
                             }}/>
 
                     </LocalizationProvider>
 
-                    <Select name="synoptic-cycle" sx={{ fontSize: 'md'}} value={ synopticCycle } placeholder="Please select a cycle" onChange={ (e, newValue) => {
+                    <Select name="synoptic-cycle" sx={{ fontSize: 'sm' }} value={ synopticCycle } placeholder="Please select a cycle" onChange={ (e, newValue) => {
                         setSynopticCycle(newValue);
                     }}>
                         <DropDownOptions data={ dropDownData } type={ 'cycles' }/>
                     </Select>
 
-                    <Select name="synoptic-grid" sx={{ fontSize: 'md'}} value={ synopticGrid } placeholder="Please select a grid" onChange={ (e, newValue) => {
+                    <Select name="synoptic-grid" sx={{ fontSize: 'sm' }} value={ synopticGrid } placeholder="Please select a grid" onChange={ (e, newValue) => {
                         setSynopticGrid(newValue);
                     }}>
                         <DropDownOptions data={ dropDownData } type={ 'grid_types' }/>
                     </Select>
 
-                    <Select name="synoptic-instance" sx={{ fontSize: 'md'}} value={ synopticInstance } placeholder="Please select an instance" onChange={ (e, newValue) => {
+                    <Select name="synoptic-instance" sx={{ fontSize: 'sm' }} value={ synopticInstance } placeholder="Please select an instance" onChange={ (e, newValue) => {
                         setSynopticInstance(newValue);
                     }}>
                         <DropDownOptions data={ dropDownData } type={'instance_names'}/>

diff --git a/src/components/trays/model-selection/tropicalTab.js b/src/components/trays/model-selection/tropicalTab.js
@@ -150,19 +150,19 @@ export const TropicalTabForm = () => {
         <Fragment>
             <form name={ "Tropical" } onSubmit={ formTropicalHandler }>
                 <Stack spacing={1}>
-                    <Select name="tropical-storm-name" sx={{ fontSize: 'md'}} value={ tropicalStorm } placeholder="Please select a tropical storm" onChange={(e, newValue) => {
+                    <Select name="tropical-storm-name" sx={{ fontSize: 'sm'}} value={ tropicalStorm } placeholder="Please select a tropical storm" onChange={(e, newValue) => {
                         setTropicalStorm(newValue); }}>
                         <DropDownOptions data={dropDownData} type={'storm_names'}/>
                     </Select>
-                    <Select name="tropical-advisory" sx={{ fontSize: 'md'}} value={ tropicalAdvisory } placeholder="Please select an advisory" onChange={(e, newValue) => {
+                    <Select name="tropical-advisory" sx={{ fontSize: 'sm'}} value={ tropicalAdvisory } placeholder="Please select an advisory" onChange={(e, newValue) => {
                         setTropicalAdvisory(newValue); }}>
                         <DropDownOptions data={ dropDownData } type={ 'advisory_numbers' } />
                     </Select>
-                    <Select name="tropical-grid" sx={{ fontSize: 'md'}} value={ tropicalGrid } placeholder="Please select a grid" onChange={(e, newValue) => {
+                    <Select name="tropical-grid" sx={{ fontSize: 'sm'}} value={ tropicalGrid } placeholder="Please select a grid" onChange={(e, newValue) => {
                         setTropicalGrid(newValue); }}>
                         <DropDownOptions data={ dropDownData } type={ 'grid_types' } />
                     </Select>
-                    <Select name="tropical-instance" sx={{ fontSize: 'md'}} value={ tropicalInstance } placeholder="Please select an instance" onChange={(e, newValue) => {
+                    <Select name="tropical-instance" sx={{ fontSize: 'sm'}} value={ tropicalInstance } placeholder="Please select an instance" onChange={(e, newValue) => {
                         setTropicalInstance(newValue); }}>
                         <DropDownOptions data={ dropDownData } type={ 'instance_names' } />
                     </Select>