fix: fixed buttons alignment by giving right margin (#1)

* fix: fixed buttons alignment by giving right margin fixed #2518 * fix: removed extra right margin fix #2518
HospitalRun · Dec 15, 2020 · e0a6418 · e0a6418
1 parent ea832b2
commit e0a6418
Show file tree

Hide file tree

Showing 9 changed files with 10 additions and 15 deletions.
diff --git a/src/imagings/requests/NewImagingRequest.tsx b/src/imagings/requests/NewImagingRequest.tsx
@@ -199,7 +199,7 @@ const NewImagingRequest = () => {
           />
         </div>
         <div className="row float-right">
-          <div className="btn-group btn-group-lg mt-3">
+          <div className="btn-group btn-group-lg mt-3 mr-3">
             <Button className="mr-2" color="success" onClick={onSave}>
               {t('actions.save')}
             </Button>

diff --git a/src/incidents/report/ReportIncident.tsx b/src/incidents/report/ReportIncident.tsx
@@ -133,7 +133,7 @@ const ReportIncident = () => {
       </Row>
 
       <div className="row float-right">
-        <div className="btn-group btn-group-lg mt-3">
+        <div className="btn-group btn-group-lg mt-3 mr-3">
           <Button className="mr-2" color="success" onClick={onSave}>
             {t('incidents.actions.report')}
           </Button>

diff --git a/src/incidents/view/ViewIncidentDetails.tsx b/src/incidents/view/ViewIncidentDetails.tsx
@@ -40,12 +40,7 @@ function ViewIncidentDetails(props: Props) {
 
     if (permissions.includes(Permissions.ResolveIncident)) {
       buttons.push(
-        <Button
-          className="mr-2"
-          onClick={onResolve}
-          color="primary"
-          key="incidents.reports.resolve"
-        >
+        <Button onClick={onResolve} color="primary" key="incidents.reports.resolve">
           {t('incidents.reports.resolve')}
         </Button>,
       )
@@ -134,7 +129,7 @@ function ViewIncidentDetails(props: Props) {
       </Row>
       {data.resolvedOn === undefined && (
         <div className="row float-right">
-          <div className="btn-group btn-group-lg mt-3">{getButtons()}</div>
+          <div className="btn-group btn-group-lg mt-3 mr-3">{getButtons()}</div>
         </div>
       )}
     </>

diff --git a/src/labs/ViewLab.tsx b/src/labs/ViewLab.tsx
@@ -248,7 +248,7 @@ const ViewLab = () => {
           )}
           {isEditable && (
             <div className="row float-right">
-              <div className="btn-group btn-group-lg mt-3">{getButtons()}</div>
+              <div className="btn-group btn-group-lg mt-3 mr-3">{getButtons()}</div>
             </div>
           )}
         </form>

diff --git a/src/labs/requests/NewLabRequest.tsx b/src/labs/requests/NewLabRequest.tsx
@@ -124,7 +124,7 @@ const NewLabRequest = () => {
           />
         </div>
         <div className="row float-right">
-          <div className="btn-group btn-group-lg mt-3">
+          <div className="btn-group btn-group-lg mt-3 mr-3">
             <Button className="mr-2" color="success" onClick={onSave}>
               {t('labs.requests.save')}
             </Button>

diff --git a/src/medications/ViewMedication.tsx b/src/medications/ViewMedication.tsx
@@ -307,7 +307,7 @@ const ViewMedication = () => {
           </Row>
           {isEditable && (
             <div className="row float-right">
-              <div className="btn-group btn-group-lg mt-3">{getButtons()}</div>
+              <div className="btn-group btn-group-lg mt-3 mr-3">{getButtons()}</div>
             </div>
           )}
         </form>

diff --git a/src/medications/requests/NewMedicationRequest.tsx b/src/medications/requests/NewMedicationRequest.tsx
@@ -225,7 +225,7 @@ const NewMedicationRequest = () => {
           />
         </div>
         <div className="row float-right">
-          <div className="btn-group btn-group-lg mt-3">
+          <div className="btn-group btn-group-lg mt-3 mr-3">
             <Button className="mr-2" color="success" onClick={onSave}>
               {t('actions.save')}
             </Button>

diff --git a/src/patients/new/NewPatient.tsx b/src/patients/new/NewPatient.tsx
@@ -98,7 +98,7 @@ const NewPatient = () => {
         error={createError}
       />
       <div className="row float-right">
-        <div className="btn-group btn-group-lg mt-3">
+        <div className="btn-group btn-group-lg mt-3 mr-3">
           <Button className="btn-save mr-2" color="success" onClick={onSave}>
             {t('actions.save')}
           </Button>

diff --git a/src/scheduling/appointments/new/NewAppointment.tsx b/src/scheduling/appointments/new/NewAppointment.tsx
@@ -110,7 +110,7 @@ const NewAppointment = () => {
           onFieldChange={onFieldChange}
         />
         <div className="row float-right">
-          <div className="btn-group btn-group-lg">
+          <div className="btn-group btn-group-lg mr-3">
             <Button className="mr-2" color="success" onClick={onSave}>
               {t('actions.save')}
             </Button>