diff --git a/assets/stylesheets/App.css b/assets/stylesheets/App.css index 064b8b0..60766a3 100644 --- a/assets/stylesheets/App.css +++ b/assets/stylesheets/App.css @@ -80,12 +80,20 @@ font-size: 95%; } -.object-display-tag { +.ant-select-selection-item .country-display { + margin-left: 1px !important; +} + +.object-display-tag, +.object-type-display-tag, +.country-display { opacity: 1; transition: opacity 0.15s ease-in-out; } -.ant-select-focused .object-display-tag { +.ant-select-focused .object-display-tag, +.ant-select-focused .object-type-display-tag, +.ant-select-focused .country-display { opacity: 0.5; } diff --git a/src/components/Dashboard/common/CountryDisplay.jsx b/src/components/Dashboard/common/CountryDisplay.jsx index 7b9d40d..5087781 100644 --- a/src/components/Dashboard/common/CountryDisplay.jsx +++ b/src/components/Dashboard/common/CountryDisplay.jsx @@ -13,7 +13,7 @@ const CountryDisplay = ({ countryCode }) => { } return ( - + + {country.name} diff --git a/src/components/Dashboard/common/ObjectTypeDisplay.jsx b/src/components/Dashboard/common/ObjectTypeDisplay.jsx index 2950122..0a53485 100644 --- a/src/components/Dashboard/common/ObjectTypeDisplay.jsx +++ b/src/components/Dashboard/common/ObjectTypeDisplay.jsx @@ -28,6 +28,7 @@ const ObjectTypeDisplay = ({ color={color} style={{ margin: 0, ...style }} icon={showIcon && Icon ? : undefined} + className='object-type-display-tag' > {showLabel && model.label && model.label}