diff --git a/src/Components/SignupPage/SignupPage.js b/src/Components/SignupPage/SignupPage.js index 2c22c7c..9f2d71f 100644 --- a/src/Components/SignupPage/SignupPage.js +++ b/src/Components/SignupPage/SignupPage.js @@ -385,10 +385,11 @@ const SignupPage = () => {
-
-

Billed annually

- -

Billed montly

+
+

Billed annually

+ +

Billed montly

+
diff --git a/src/pageElements/Radio.js b/src/pageElements/Radio.js index bfa37eb..8495cea 100644 --- a/src/pageElements/Radio.js +++ b/src/pageElements/Radio.js @@ -38,7 +38,7 @@ const Radio = (props) => {
{description.map((item) => { - return
  • {item}
  • ; + return

    {item}

    ; })}
    {`${details}`}
    @@ -60,7 +60,7 @@ const Radio = (props) => {
    {description.map((item) => { - return
  • {item}
  • ; + return

    {item}

    ; })}
    {`${details}`}
    diff --git a/src/styles/signup.scss b/src/styles/signup.scss index 975ab46..52887af 100644 --- a/src/styles/signup.scss +++ b/src/styles/signup.scss @@ -106,6 +106,20 @@ padding: 6px; } +.select-toggle-box { + display: flex; + flex-direction: row; + justify-content: space-between; + align-items: center; + margin-top: 2px; + width: 240px; + height: 20px; +} + +.select-billing-text { + font-size: 0.85rem; +} + .signup-radio-wrapper { background-color: #fff; display: flex;