style the product page a bit

assets/javascripts/discourse/templates/components/product-list.hbs

@@ -1,6 +1,6 @@
 
 {{#each products as |product|}}
-  <div>
+  <div class="product">
     <h2>{{product.name}}</h2>
 
     <p>
@@ -16,3 +16,9 @@
     {{/if}}
   </div>
 {{/each}}
+
+{{#unless currentUser}}
+  <p>
+    {{i18n 'discourse_patrons.subscribe.unauthenticated'}}
+  </p>
+{{/unless}}

assets/javascripts/discourse/templates/patrons/subscribe/index.hbs

@@ -1,2 +1,4 @@
 
-{{product-list products=model}}
+<div id="product-list">
+  {{product-list products=model}}
+</div>

assets/stylesheets/common/discourse-patrons-layout.scss

@@ -31,3 +31,10 @@
     }
   }
 }
+
+#product-list {
+  padding: 40px 120px;
+  .product {
+    margin-bottom: 60px;
+  }
+}

config/locales/client.en.yml

@@ -38,11 +38,11 @@ en:
               confirm: Are you sure you want to cancel this subscription?
       subscribe:
         title: Subscribe
+        unauthenticated: You need to create an account to subscribe.
         card:
           title: Payment
         customer:
           title: Customer Details
-          empty: We couldn't find a customer identifier in our system. A new one will be created for you.
         buttons:
           subscribe: Subscribe
       one_time: