make buttons round (#1871)

bcgov · Jul 25, 2023 · 1eacb10 · 1eacb10
1 parent 38fa25b
commit 1eacb10
Show file tree

Hide file tree

Showing 4 changed files with 3 additions and 8 deletions.
diff --git a/met-web/src/components/Form/formio-bootstrap.scss b/met-web/src/components/Form/formio-bootstrap.scss
@@ -158,9 +158,6 @@
 		display:inline-block;
 		margin-bottom:.5rem
 	}
-	button{
-		border-radius:0
-	}
 	button:focus:not(:focus-visible){
 		outline:0
 	}

diff --git a/met-web/src/components/common/index.tsx b/met-web/src/components/common/index.tsx
@@ -90,7 +90,6 @@ const StyledToggleButton = styled(ToggleButton)(({ theme }) => ({
     '&.Mui-selected': {
         backgroundColor: Palette.primary.main,
         color: '#fff',
-        border: 'none',
         '&:hover': {
             backgroundColor: Palette.primary.main,
         },
@@ -100,7 +99,6 @@ const StyledToggleButton = styled(ToggleButton)(({ theme }) => ({
         textDecoration: 'underline',
         backgroundColor: Palette.primary.main,
         color: '#FFFFFF',
-        border: `2px solid ${Palette.primary.main}`,
         '&.Mui-selected:hover': {
             textDecoration: 'underline',
         },

diff --git a/met-web/src/components/engagement/form/EngagementFormTabs/EngagementForm.tsx b/met-web/src/components/engagement/form/EngagementFormTabs/EngagementForm.tsx
@@ -9,7 +9,7 @@ import { If, Then, Else } from 'react-if';
 import { EngagementTabsContext } from './EngagementTabsContext';
 import { SUBMISSION_STATUS } from 'constants/engagementStatus';
 import DayCalculatorModal from '../DayCalculator';
-import { ENGAGEMENT_CROPPER_ASPECT_RATIO, ENGAGMENET_UPLOADER_HEIGHT } from './constants';
+import { ENGAGEMENT_CROPPER_ASPECT_RATIO, ENGAGEMENT_UPLOADER_HEIGHT } from './constants';
 import RichTextEditor from 'components/common/RichTextEditor';
 
 const CREATE = 'create';
@@ -308,7 +308,7 @@ const EngagementForm = () => {
                         handleAddFile={handleAddBannerImage}
                         savedImageUrl={savedEngagement.banner_url}
                         savedImageName={savedEngagement.banner_filename}
-                        height={ENGAGMENET_UPLOADER_HEIGHT}
+                        height={ENGAGEMENT_UPLOADER_HEIGHT}
                         cropAspectRatio={ENGAGEMENT_CROPPER_ASPECT_RATIO}
                     />
                 </Grid>

diff --git a/met-web/src/components/engagement/form/EngagementFormTabs/constants.ts b/met-web/src/components/engagement/form/EngagementFormTabs/constants.ts
@@ -6,5 +6,5 @@ export const ENGAGEMENT_FORM_TABS: { [x: string]: EngagementFormTabValues } = {
     USER_MANAGEMENT: 'User Management',
 };
 
-export const ENGAGMENET_UPLOADER_HEIGHT = '360px';
+export const ENGAGEMENT_UPLOADER_HEIGHT = '360px';
 export const ENGAGEMENT_CROPPER_ASPECT_RATIO = 1920 / 700;