(fix) Anchor allergy form action buttons to page bottom (openmrs#1644)

mccarthyaaron · Feb 8, 2024 · bf13373 · bf13373
1 parent 1c19f0c
commit bf13373
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/packages/esm-patient-allergies-app/src/allergies/allergies-form/allergy-form.component.tsx b/packages/esm-patient-allergies-app/src/allergies/allergies-form/allergy-form.component.tsx
@@ -1,4 +1,5 @@
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
+import classNames from 'classnames';
 import { useTranslation } from 'react-i18next';
 import {
   Button,
@@ -38,9 +39,8 @@ import {
   useAllergicReactions,
 } from './allergy-form.resource';
 import { useAllergies } from '../allergy-intolerance.resource';
-import styles from './allergy-form.scss';
 import { AllergenType } from '../../types';
-import classNames from 'classnames';
+import styles from './allergy-form.scss';
 
 const allergyFormSchema = z.object({
   allergen: z

diff --git a/packages/esm-patient-allergies-app/src/allergies/allergies-form/allergy-form.scss b/packages/esm-patient-allergies-app/src/allergies/allergies-form/allergy-form.scss
@@ -74,6 +74,12 @@
   margin: 1rem;
 }
 
+.form {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+}
+
 /* Desktop */
 :global(.omrs-breakpoint-gt-tablet) {
   .form {
@@ -86,5 +92,4 @@
   .form {
     height: calc(100vh - 9rem);
   }
-
 }