Refactor upgrade notification button width to fix responsive version

2021-09-28 21:01:09 -04:00
parent b91bfcf207
commit f62c08b0e1
2 changed files with 10 additions and 10 deletions
--- a/src/generic/upgrade-notification/UpgradeNotification.jsx
+++ b/src/generic/upgrade-notification/UpgradeNotification.jsx
@@ -463,13 +463,14 @@ function UpgradeNotification({
      <div className="upgrade-notification-message">
        {upsellMessage}
      </div>
-      <UpgradeButton
-        offer={offer}
-        onClick={logClick}
-        verifiedMode={verifiedMode}
-        className="upgrade-notification-button"
-        block
-      />
+      <div className="upgrade-notification-button">
+        <UpgradeButton
+          offer={offer}
+          onClick={logClick}
+          verifiedMode={verifiedMode}
+          block
+        />
+      </div>
      {offerCode}
    </section>
  );
--- a/src/generic/upgrade-notification/UpgradeNotification.scss
+++ b/src/generic/upgrade-notification/UpgradeNotification.scss
@@ -34,9 +34,8 @@
 }

 .upgrade-notification-button {
-  width: 90%;
-  margin: 0 auto;
-  margin-bottom: 1.25rem;
+  padding: 1.25rem;
+  padding-top: 0;
 }

 .discount-info {