Improve message styling

[MAILPOET-2431]
2019-12-10 15:45:50 +01:00
parent d0b5a136b3
commit 757d09ac19
2 changed files with 7 additions and 2 deletions
--- a/assets/css/src/components/_settings.scss
+++ b/assets/css/src/components/_settings.scss
@@ -160,4 +160,9 @@
      }
    }
  }
+
+  .key-activation-messages > div {
+    font-size: 1.2em;
+    margin-top: 10px;
+  }
 }
--- a/assets/js/src/settings/premium_tab/premium_tab.jsx
+++ b/assets/js/src/settings/premium_tab/premium_tab.jsx
@@ -197,7 +197,7 @@ const PremiumTab = (props) => {
              </button>
            </div>
            {keyValid !== null && (
-              <>
+              <div className="key-activation-messages">
                <KeyMessages keyValid={keyValid} />
                {mssKeyValid !== null && (
                  <MssMessages
@@ -214,7 +214,7 @@ const PremiumTab = (props) => {
                    activationCallback={() => activatePremiumPlugin()}
                  />
                )}
-              </>
+              </div>
            )}
          </td>
        </tr>