diff --git a/app/assets/stylesheets/darkswarm/split-checkout.scss b/app/assets/stylesheets/darkswarm/split-checkout.scss index 1dfdc6870d..d8cb8b4575 100644 --- a/app/assets/stylesheets/darkswarm/split-checkout.scss +++ b/app/assets/stylesheets/darkswarm/split-checkout.scss @@ -4,7 +4,7 @@ flex-direction: column; justify-content: center; - span { + span, span > a { font-size: 1.3rem; @include headingFont; } @@ -13,7 +13,7 @@ background-color: $white; border-bottom: 5px solid $min-accessible-grey; - span { + span, span > a { color: $min-accessible-grey; } } @@ -21,7 +21,7 @@ &.selected { background-color: $ofn-brand; - span { + span, span > a { color: $white; text-decoration: underline; } diff --git a/app/views/split_checkout/_tabs.html.haml b/app/views/split_checkout/_tabs.html.haml index a37e898da2..9f08b7522d 100644 --- a/app/views/split_checkout/_tabs.html.haml +++ b/app/views/split_checkout/_tabs.html.haml @@ -1,10 +1,12 @@ %div.flex %div.columns.three.text-center.checkout-tab{"class": [("selected" if @checkout_step == "details"), ("success" unless @checkout_step == "details")]} %span - = t("split_checkout.your_details") + = link_to_if (@checkout_step != "details"), t("split_checkout.your_details"), main_app.checkout_step_path(:details), {} do + = t("split_checkout.your_details") %div.columns.three.text-center.checkout-tab{"class": [("selected" if @checkout_step == "payment"), ("success" if @checkout_step == "summary")]} %span - = t("split_checkout.payment_method") + = link_to_if (@checkout_step != "payment"), t("split_checkout.payment_method"), main_app.checkout_step_path(:payment), {} do + = t("split_checkout.payment_method") %div.columns.three.text-center.checkout-tab{"class": ("selected" if @checkout_step == "summary")} %span = t("split_checkout.order_summary")