diff --git a/src/components/cards/card.css b/src/components/cards/card.css index 439c8191f..908edbf91 100644 --- a/src/components/cards/card.css +++ b/src/components/cards/card.css @@ -183,8 +183,13 @@ max-width: 200px; } -.help-icon, .close-icon { +.help-icon { + height: 1.25rem; +} + +.close-icon { height: 1rem; + margin: .125rem 0; /* To offset the .25rem difference in icon size */ } [dir="ltr"] .help-icon { @@ -195,10 +200,6 @@ margin-left: 0.25rem; } -.close-icon { - transform: rotate(45deg); -} - [dir="ltr"] .close-icon { margin-left: 0.25rem; } diff --git a/src/components/cards/cards.jsx b/src/components/cards/cards.jsx index 1ca7672f1..2bf29c618 100644 --- a/src/components/cards/cards.jsx +++ b/src/components/cards/cards.jsx @@ -9,7 +9,7 @@ import rightArrow from './icon--next.svg'; import leftArrow from './icon--prev.svg'; import helpIcon from '../../lib/assets/icon--tutorials.svg'; -import closeIcon from '../close-button/icon--close.svg'; +import closeIcon from './icon--close.svg'; import {translateVideo} from '../../lib/libraries/decks/translate-video.js'; diff --git a/src/components/cards/icon--close.svg b/src/components/cards/icon--close.svg new file mode 100644 index 000000000..a02ec1049 --- /dev/null +++ b/src/components/cards/icon--close.svg @@ -0,0 +1,18 @@ + + + + General/Check Copy + Created with Sketch. + + + + + + + + + + + + + \ No newline at end of file