diff --git a/__tests__/MiradorShareEmbed.test.js b/__tests__/MiradorShareEmbed.test.js
index 1018179..5dea496 100644
--- a/__tests__/MiradorShareEmbed.test.js
+++ b/__tests__/MiradorShareEmbed.test.js
@@ -18,17 +18,18 @@ function createWrapper(props) {
describe('MiradorShareEmbed', () => {
let wrapper;
- it('renders fieldsets w/ legends for each section of the embed component', () => {
+ it('renders fieldsets w/ legends or labels for each section of the embed component', () => {
wrapper = createWrapper();
expect(wrapper.find('WithStyles(ForwardRef(FormControl))[component="fieldset"]').length).toBe(2);
- expect(wrapper.find('WithStyles(ForwardRef(FormLabel))[component="legend"]').length).toBe(2);
+ expect(wrapper.find('WithStyles(ForwardRef(FormLabel))').length).toBe(2);
+ expect(wrapper.find('WithStyles(ForwardRef(FormLabel))[component="legend"]').length).toBe(1);
expect(wrapper.find(
'WithStyles(ForwardRef(FormLabel))',
).at(0).props().children).toEqual('Select viewer size');
expect(wrapper.find(
'WithStyles(ForwardRef(FormLabel))',
- ).at(1).props().children).toEqual('then copy & paste code');
+ ).at(1).props().children).toEqual('Copy & paste code');
});
it('renders a radio group w/ a form control for each of the size options', () => {
diff --git a/src/MiradorShareDialog.js b/src/MiradorShareDialog.js
index 57e11a0..0394ace 100644
--- a/src/MiradorShareDialog.js
+++ b/src/MiradorShareDialog.js
@@ -149,7 +149,7 @@ export class MiradorShareDialog extends Component {
/>
{' '}
-
+
diff --git a/src/MiradorShareEmbed.js b/src/MiradorShareEmbed.js
index 8bd1f7c..683b599 100644
--- a/src/MiradorShareEmbed.js
+++ b/src/MiradorShareEmbed.js
@@ -151,9 +151,10 @@ class MiradorShareEmbed extends Component {
- then copy & paste code
+ Copy & paste code
-
+
@@ -176,6 +177,7 @@ MiradorShareEmbed.propTypes = {
formControl: PropTypes.string,
formControlLabel: PropTypes.string,
legend: PropTypes.string,
+ label: PropTypes.string,
inputContainer: PropTypes.string,
radioGroup: PropTypes.string,
selectedFormControlLabel: PropTypes.string,
@@ -221,6 +223,10 @@ const styles = theme => ({
paddingBottom: theme.spacing(),
paddingTop: theme.spacing(),
},
+ label: {
+ paddingBottom: theme.spacing(),
+ paddingTop: theme.spacing(),
+ },
inputContainer: {
alignItems: 'flex-end',
display: 'flex',