add icons in relationship-section

metabrainz · Feb 13, 2020 · c9f4814 · c9f4814
1 parent a53a6d3
commit c9f4814
Showing 1 changed file with 7 additions and 3 deletions.
diff --git a/src/client/entity-editor/relationship-editor/relationship-section.js b/src/client/entity-editor/relationship-editor/relationship-section.js
@@ -38,6 +38,7 @@ import type {
 	Relationship as _Relationship
 } from './types';
 import type {Dispatch} from 'redux'; // eslint-disable-line import/named
+import {FontAwesomeIcon} from '@fortawesome/react-fontawesome';
 import PropTypes from 'prop-types';
 import React from 'react';
 import Relationship from './relationship';
@@ -78,15 +79,17 @@ function RelationshipList(
 								bsStyle="warning"
 								onClick={onEdit.bind(this, rowID)}
 							>
-								Edit
+								<FontAwesomeIcon icon="pencil-alt"/>
+								<span>&nbsp;Edit</span>
 							</Button>
 						</ButtonGroup>
 						<ButtonGroup>
 							<Button
 								bsStyle="danger"
 								onClick={onRemove.bind(this, rowID)}
 							>
-								Remove
+								<FontAwesomeIcon icon="times"/>
+								<span>&nbsp;Remove</span>
 							</Button>
 						</ButtonGroup>
 					</ButtonGroup>
@@ -182,7 +185,8 @@ function RelationshipSection({
 						bsStyle="success"
 						onClick={onAddRelationship}
 					>
-						Add relationship
+						<FontAwesomeIcon icon="plus"/>
+						<span>&nbsp;Add relationship</span>
 					</Button>
 				</Col>
 			</Row>