From b7e6e1700bf59d79796b763f8466a93656afe5aa Mon Sep 17 00:00:00 2001
From: Phil Owen <19691521+PhillipsOwen@users.noreply.github.com>
Date: Wed, 28 Aug 2024 13:39:05 -0400
Subject: [PATCH] lowering the font size

---
 src/components/trays/model-selection/synopticTab.js | 8 ++++----
 src/components/trays/model-selection/tropicalTab.js | 8 ++++----
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/components/trays/model-selection/synopticTab.js b/src/components/trays/model-selection/synopticTab.js
index 8b0472cd..2ec30caf 100644
--- a/src/components/trays/model-selection/synopticTab.js
+++ b/src/components/trays/model-selection/synopticTab.js
@@ -254,7 +254,7 @@ export const SynopticTabForm = () => {
                             slotProps={{
                                 textField: { size: 'small', helperText: errorMessage},
                                 field: { clearable: true },
-                                actionBar: { actions: ['clear'] },
+                                actionBar: { actions: ['clear'] }, fontSize: 10
                             }}
                             onChange={(newValue) => {
                                 setChangedSynopticDate(newValue);
@@ -262,19 +262,19 @@ export const SynopticTabForm = () => {
 
                     </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
index 4fd7addf..49b2b095 100644
--- 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>