diff --git a/app/images/panel/caret-down.svg b/app/images/panel/caret-down.svg index 3464f9f1e..c221b0230 100644 --- a/app/images/panel/caret-down.svg +++ b/app/images/panel/caret-down.svg @@ -1,3 +1,3 @@ - + diff --git a/app/images/panel/caret-up.svg b/app/images/panel/caret-up.svg index c221b0230..3464f9f1e 100644 --- a/app/images/panel/caret-up.svg +++ b/app/images/panel/caret-up.svg @@ -1,3 +1,3 @@ - + diff --git a/app/panel/components/Blocking/Category.jsx b/app/panel/components/Blocking/Category.jsx index fe9be3483..4dafc5879 100644 --- a/app/panel/components/Blocking/Category.jsx +++ b/app/panel/components/Blocking/Category.jsx @@ -161,13 +161,13 @@ class Category extends React.Component { const { isExpanded } = this.state; const { isUnknown } = this.props; const caretClasses = ClassNames(this.context, { - 'caret-down': isExpanded, - 'caret-up': !isExpanded, + 'caret-down': !isExpanded, + 'caret-up': isExpanded, Category__antiTrackingCaret: isUnknown }); return ( - + ); } diff --git a/app/shared-components/ModalContent/PlusPromoModalContent/PlusPromoModalContent.jsx b/app/shared-components/ModalContent/PlusPromoModalContent/PlusPromoModalContent.jsx index e62442567..8a7ca078c 100644 --- a/app/shared-components/ModalContent/PlusPromoModalContent/PlusPromoModalContent.jsx +++ b/app/shared-components/ModalContent/PlusPromoModalContent/PlusPromoModalContent.jsx @@ -30,14 +30,12 @@ const PlusPromoModalContent = (props) => { return (
-
-
-
-
{t('spring_is_here')}
-
-
-
-
+
+
+
{t('spring_is_here')}
+
+
+
@@ -46,7 +44,7 @@ const PlusPromoModalContent = (props) => { {t('upgrade_to_plus').toUpperCase()}
-
+
{!loggedIn && {t('subscribe_pitch_sign_in_plus')} } diff --git a/app/shared-components/ModalContent/PlusPromoModalContent/PlusPromoModalContent.scss b/app/shared-components/ModalContent/PlusPromoModalContent/PlusPromoModalContent.scss index 7d43f0ab1..4c3df2518 100644 --- a/app/shared-components/ModalContent/PlusPromoModalContent/PlusPromoModalContent.scss +++ b/app/shared-components/ModalContent/PlusPromoModalContent/PlusPromoModalContent.scss @@ -31,11 +31,6 @@ $condensed-font-family: Roboto Condensed, "Open Sans", "Helvetica Neue", Helveti background-image: url('/app/images/panel/spring-plus-logo.svg'); } -.PlusPromoModal__main-content-container { - height: 210px; - display: flex; - justify-content: center; -} .PlusPromoModal__header { text-align: center; font-weight: bold; @@ -45,8 +40,10 @@ $condensed-font-family: Roboto Condensed, "Open Sans", "Helvetica Neue", Helveti margin-top: 8px; } .description { - font-size: 18px; - margin-top: 16px; + height: 131px; + display: flex; + align-items: center; + font-size: 15px; font-weight: 500; color: $tundora; width: 350px; @@ -162,22 +159,10 @@ $condensed-font-family: Roboto Condensed, "Open Sans", "Helvetica Neue", Helveti } .PlusPromoModal__link { - margin-left: 10px; - margin-right: 10px; - font-size: 15px; + font-size: 12px; font-family: $standard-font-family; color: #4a4a4a; text-decoration: underline; text-align: center; cursor: pointer; - - &.sign-in { - float: left; - left: 10px; - } - - &.turn-promos-off { - float: right; - right: 10px; - } }