[Upd #26] Changed position of export button in Records

kbss-cvut · Dec 8, 2023 · 15a6d8e · 15a6d8e
1 parent c1cc707
commit 15a6d8e
Showing 1 changed file with 10 additions and 14 deletions.
diff --git a/js/components/record/Records.js b/js/components/record/Records.js
@@ -54,20 +54,16 @@ class Records extends React.Component {
             </Card.Header>
             <Card.Body>
                 <RecordTable {...this.props}/>
-                <div className="row">
-                    <div className="col-10">
-                        {showCreateButton
-                            ? <Button variant='primary' size='sm'
-                                      disabled={createRecordDisabled}
-                                      title={createRecordTooltip}
-                                      onClick={onCreateWithFormTemplate}>{this.i18n('records.create-tile')}</Button>
-                            : null}
-                    </div>
-                    <div className="col-2">
-                        {showExportButton ?
-                            <Button className="mx-1" variant='primary' size='sm'>{this.i18n('export')}</Button>
-                            : null}
-                    </div>
+                <div className="d-flex justify-content-between">
+                    {showCreateButton
+                        ? <Button variant='primary' size='sm'
+                                  disabled={createRecordDisabled}
+                                  title={createRecordTooltip}
+                                  onClick={onCreateWithFormTemplate}>{this.i18n('records.create-tile')}</Button>
+                        : null}
+                    {showExportButton ?
+                        <Button className="mx-1" variant='primary' size='sm'>{this.i18n('export')}</Button>
+                        : null}
                 </div>
                 {showAlert && recordDeleted.status === ACTION_STATUS.ERROR &&
                 <AlertMessage type={ALERT_TYPES.DANGER}