Fix: Align cancel buttons on left for editing appointmnet and patients

HospitalRun · Oct 1, 2021 · a4ffc32 · a4ffc32
1 parent 0dede48
commit a4ffc32
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 8 deletions.
diff --git a/src/patients/edit/EditPatient.tsx b/src/patients/edit/EditPatient.tsx
@@ -80,12 +80,12 @@ const EditPatient = () => {
       />
       <div className="row float-right">
         <div className="btn-group btn-group-lg mt-3 mr-3">
-          <Button className="btn-save mr-2" color="success" onClick={onSave}>
-            {t('patients.updatePatient')}
-          </Button>
-          <Button className="btn-cancel" color="danger" onClick={onCancel}>
+          <Button className="btn-cancel mr-2" color="danger" onClick={onCancel}>
             {t('actions.cancel')}
           </Button>
+          <Button className="btn-save" color="success" onClick={onSave}>
+            {t('patients.updatePatient')}
+          </Button>
         </div>
       </div>
     </div>

diff --git a/src/scheduling/appointments/edit/EditAppointment.tsx b/src/scheduling/appointments/edit/EditAppointment.tsx
@@ -88,12 +88,12 @@ const EditAppointment = () => {
       />
       <div className="row float-right">
         <div className="btn-group btn-group-lg mr-3">
-          <Button className="mr-2" color="success" onClick={onSave}>
-            {t('scheduling.appointments.updateAppointment')}
-          </Button>
-          <Button color="danger" onClick={onCancel}>
+          <Button className="mr-2" color="danger" onClick={onCancel}>
             {t('actions.cancel')}
           </Button>
+          <Button color="success" onClick={onSave}>
+            {t('scheduling.appointments.updateAppointment')}
+          </Button>
         </div>
       </div>
     </div>