diff --git a/client/assets/styles/account.less b/client/assets/styles/account.less index 44b1c2dd..adb879fe 100644 --- a/client/assets/styles/account.less +++ b/client/assets/styles/account.less @@ -36,10 +36,9 @@ } } -.stripe-btn { +.yellow-btn { background: @yellow; color: black; - border-radius: 2px; border-width: 0; &:active, &:focus, &:hover { diff --git a/client/assets/styles/styles.less b/client/assets/styles/styles.less index 63ea5367..c2119868 100644 --- a/client/assets/styles/styles.less +++ b/client/assets/styles/styles.less @@ -105,11 +105,11 @@ button, input { height: auto; border-width: 2px; border-color: @gray-exists; - border-radius: 0; letter-spacing: 0.25em; box-sizing: border-box; font-size: 100%; flex: 1; + border-radius: 0.5em; /*the transitions */ transition-property: border-color, color, background; @@ -241,6 +241,8 @@ header { button { height: 2em; + // border-radius: 0.1em; + border-radius: 0; } } diff --git a/client/src/components/account.top.jsx b/client/src/components/account.top.jsx index 2589f662..351918b4 100644 --- a/client/src/components/account.top.jsx +++ b/client/src/components/account.top.jsx @@ -120,7 +120,7 @@ class AccountStatus extends Component { // resub button if (subscription.cancel_at_period_end) { - return + return } const classes = `unsub ${unsubState ? 'confirming' : ''}`; diff --git a/client/src/components/play.jsx b/client/src/components/play.jsx index 737cedbe..b76feb0c 100644 --- a/client/src/components/play.jsx +++ b/client/src/components/play.jsx @@ -76,13 +76,13 @@ function Play(args) { const subscription = account.subscribed ? : ; @@ -109,7 +109,7 @@ function Play(args) { {subscription} diff --git a/client/src/components/stripe.buttons.jsx b/client/src/components/stripe.buttons.jsx index 15b3411a..03d3e6b3 100644 --- a/client/src/components/stripe.buttons.jsx +++ b/client/src/components/stripe.buttons.jsx @@ -45,13 +45,13 @@ function BitsBtn(args) { const subscription = account.subscribed ? : ; @@ -64,19 +64,19 @@ function BitsBtn(args) {