diff --git a/assets/javascripts/discourse/templates/components/product-item.hbs b/assets/javascripts/discourse/templates/components/product-item.hbs
index dec3022..7db9db4 100644
--- a/assets/javascripts/discourse/templates/components/product-item.hbs
+++ b/assets/javascripts/discourse/templates/components/product-item.hbs
@@ -7,15 +7,14 @@
{{#if isLoggedIn}}
{{#if product.repurchaseable}}
- {{#if product.subscribed}}
- ✓ {{i18n 'discourse_subscriptions.subscribe.purchased'}}
- {{#link-to "user.billing.subscriptions" currentUser.username class="billing-link"}}
- {{i18n 'discourse_subscriptions.subscribe.go_to_billing'}}
- {{/link-to}}
- {{/if}}
{{#link-to "s.show" product.id class="btn btn-primary"}}
{{i18n 'discourse_subscriptions.subscribe.title'}}
{{/link-to}}
+ {{#if product.subscribed}}
+ {{#link-to "user.billing.subscriptions" currentUser.username class="billing-link"}}
+ {{i18n 'discourse_subscriptions.subscribe.view_past'}}
+ {{/link-to}}
+ {{/if}}
{{else}}
{{#if product.subscribed}}
✓ {{i18n 'discourse_subscriptions.subscribe.purchased'}}
diff --git a/assets/stylesheets/common/layout.scss b/assets/stylesheets/common/layout.scss
index 1c9d259..e9aafa7 100644
--- a/assets/stylesheets/common/layout.scss
+++ b/assets/stylesheets/common/layout.scss
@@ -52,13 +52,17 @@
flex-grow: 1;
}
.product-purchase {
- align-self: baseline;
display: flex;
- flex-flow: column nowrap;
+ flex-flow: row wrap;
+ justify-content: space-between;
.purchased {
color: $success;
}
.billing-link {
+ align-self: flex-end;
+ @include breakpoint(large) {
+ margin-top: 1em;
+ }
font-size: $font-down-1;
}
}
diff --git a/config/locales/client.en.yml b/config/locales/client.en.yml
index eeefdbb..dff6705 100644
--- a/config/locales/client.en.yml
+++ b/config/locales/client.en.yml
@@ -63,6 +63,7 @@ en:
confirm: Are you sure you want to cancel this subscription?
subscribe:
title: Subscribe
+ view_past: View past purchases
no_products: There are currently no products available.
unauthenticated: Log in or create an account to subscribe.
card: