feat: digital edition scss button tighten

guardian · Feb 4, 2025 · 00672dd · 00672dd
1 parent 5beede2
commit 00672dd
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 4 deletions.
diff --git a/...end/assets/components/subscriptionsProductDescription/subscriptionsProductDescription.tsx b/...end/assets/components/subscriptionsProductDescription/subscriptionsProductDescription.tsx
@@ -62,7 +62,9 @@ function SubscriptionsProductDescription({
 			<div
 				className={
 					isFeature
-						? 'subscriptions__button-container--feature'
+						? benefits
+							? 'subscriptions__button-container--feature--benefits'
+							: 'subscriptions__button-container--feature'
 						: 'subscriptions__button-container'
 				}
 			>

diff --git a/support-frontend/assets/pages/subscriptions-landing/subscriptionsLanding.scss b/support-frontend/assets/pages/subscriptions-landing/subscriptionsLanding.scss
@@ -538,7 +538,7 @@
 	}
 
 	@include mq($from: desktop) {
-		width: 106%;
+		width: 100%;
 		padding-bottom: 20px;
 	}
 
@@ -556,7 +556,8 @@
 	}
 }
 
-.subscriptions__button-container--feature {
+.subscriptions__button-container--feature,
+.subscriptions__button-container--feature--benefits {
 	@include mq($until: phablet) {
 		padding-bottom: 10px;
 	}
@@ -573,7 +574,15 @@
 		}
 
 		@include mq($from: desktop) {
-			margin: 0 0 0 6px;
+			margin: 0 0 0 10px;
+		}
+	}
+}
+
+.subscriptions__button-container--feature--benefits {
+	.component-button {
+		@include mq($from: desktop) {
+			padding: 0 ($gu-cta-height * 0.4);
 		}
 	}
 }