diff --git a/frontend/src/Settings/CustomFormats/CustomFormats/CustomFormat.css b/frontend/src/Settings/CustomFormats/CustomFormats/CustomFormat.css index ae74adcce..0ec29c546 100644 --- a/frontend/src/Settings/CustomFormats/CustomFormats/CustomFormat.css +++ b/frontend/src/Settings/CustomFormats/CustomFormats/CustomFormat.css @@ -17,6 +17,10 @@ font-size: 24px; } +.buttons { + flex: 0 0 auto; +} + .cloneButton { composes: button from '~Components/Link/IconButton.css'; @@ -38,6 +42,7 @@ } .label { + @add-mixin truncate; composes: label from '~Components/Label.css'; max-width: 100%; diff --git a/frontend/src/Settings/CustomFormats/CustomFormats/CustomFormat.js b/frontend/src/Settings/CustomFormats/CustomFormats/CustomFormat.js index e981ca3c2..e32a58cc1 100644 --- a/frontend/src/Settings/CustomFormats/CustomFormats/CustomFormat.js +++ b/frontend/src/Settings/CustomFormats/CustomFormats/CustomFormat.js @@ -1,6 +1,5 @@ import PropTypes from 'prop-types'; import React, { Component } from 'react'; -import MiddleTruncate from 'react-middle-truncate'; import Card from 'Components/Card'; import Label from 'Components/Label'; import IconButton from 'Components/Link/IconButton'; @@ -90,7 +89,7 @@ class CustomFormat extends Component { {name} -
+
- + {item.name} ); })