fix: align cancel button

src/imagings/requests/NewImagingRequest.tsx

@@ -200,12 +200,12 @@ const NewImagingRequest = () => {
         </div>
         <div className="row float-right">
           <div className="btn-group btn-group-lg mt-3 mr-3">
-            <Button className="mr-2" color="success" onClick={onSave}>
-              {t('imagings.requests.create')}
-            </Button>
-            <Button color="danger" onClick={onCancel}>
+            <Button className="mr-2" color="danger" onClick={onCancel}>
               {t('actions.cancel')}
             </Button>
+            <Button color="success" onClick={onSave}>
+              {t('imagings.requests.create')}
+            </Button>
           </div>
         </div>
       </form>

src/incidents/report/ReportIncident.tsx

@@ -167,12 +167,12 @@ const ReportIncident = () => {
 
       <div className="row float-right">
         <div className="btn-group btn-group-lg mt-3 mr-3">
-          <Button className="mr-2" color="success" onClick={onSave}>
-            {t('incidents.reports.new')}
-          </Button>
-          <Button color="danger" onClick={onCancel}>
+          <Button className="mr-2" color="danger" onClick={onCancel}>
             {t('actions.cancel')}
           </Button>
+          <Button color="success" onClick={onSave}>
+            {t('incidents.reports.new')}
+          </Button>
         </div>
       </div>
     </form>

src/labs/requests/NewLabRequest.tsx

@@ -197,13 +197,12 @@ const NewLabRequest = () => {
         </div>
         <div className="row float-right">
           <div className="btn-group btn-group-lg mt-3 mr-3">
-            <Button className="mr-2" color="success" onClick={onSave}>
-              {t('labs.requests.new')}
-            </Button>
-
-            <Button color="danger" onClick={onCancel}>
+            <Button className="mr-2" color="danger" onClick={onCancel}>
               {t('actions.cancel')}
             </Button>
+            <Button color="success" onClick={onSave}>
+              {t('labs.requests.new')}
+            </Button>
           </div>
         </div>
       </form>

src/medications/requests/NewMedicationRequest.tsx

@@ -233,12 +233,12 @@ const NewMedicationRequest = () => {
         </div>
         <div className="row float-right">
           <div className="btn-group btn-group-lg mt-3 mr-3">
-            <Button className="mr-2" color="success" onClick={onSave}>
-              {t('medications.requests.new')}
-            </Button>
-            <Button color="danger" onClick={onCancel}>
+            <Button className="mr-2" color="danger" onClick={onCancel}>
               {t('actions.cancel')}
             </Button>
+            <Button color="success" onClick={onSave}>
+              {t('medications.requests.new')}
+            </Button>
           </div>
         </div>
       </form>

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>

src/patients/new/NewPatient.tsx

@@ -99,12 +99,12 @@ const NewPatient = () => {
       />
       <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.createPatient')}
-          </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.createPatient')}
+          </Button>
         </div>
       </div>
 

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>

src/scheduling/appointments/new/NewAppointment.tsx

@@ -111,12 +111,12 @@ const NewAppointment = () => {
         />
         <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.createAppointment')}
-            </Button>
-            <Button color="danger" onClick={onCancelClick}>
+            <Button className="mr-2" color="danger" onClick={onCancelClick}>
               {t('actions.cancel')}
             </Button>
+            <Button color="success" onClick={onSave}>
+              {t('scheduling.appointments.createAppointment')}
+            </Button>
           </div>
         </div>
       </form>