From db1cc858827881b320c56736e64471e7405245c2 Mon Sep 17 00:00:00 2001
From: Peter Zimon <zimo@ghost.org>
Date: Fri, 4 Jun 2021 13:02:16 +0200
Subject: [PATCH] Adding 'Available in Portal' badge to product card

---
 ghost/admin/app/components/gh-membership-products-alpha.hbs | 5 ++++-
 ghost/admin/app/styles/layouts/products.css                 | 2 +-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/ghost/admin/app/components/gh-membership-products-alpha.hbs b/ghost/admin/app/components/gh-membership-products-alpha.hbs
index 70206d68cb..ac0e1214c1 100644
--- a/ghost/admin/app/components/gh-membership-products-alpha.hbs
+++ b/ghost/admin/app/components/gh-membership-products-alpha.hbs
@@ -1,5 +1,5 @@
 <div class="gh-product-cards">
-{{#each this.products as |product|}}
+{{#each this.products as |product productIdx|}}
     <div class="gh-product-card">
         <button class="gh-product-card-editbutton gh-btn gh-btn-text gh-btn-link green" {{action "openEditProduct" product}}>
             <span>Edit</span>
@@ -11,6 +11,9 @@
             <p class="gh-product-card-description">
                 {{product.description}}
             </p>
+            {{#if (eq productIdx 0)}}
+            <span class="gh-badge gh-badge-pink">Available in Portal</span>
+            {{/if}}
         </div>
         <div class="gh-product-card-block">
             <span class="gh-product-card-heading">Pricing</span>
diff --git a/ghost/admin/app/styles/layouts/products.css b/ghost/admin/app/styles/layouts/products.css
index 79609e68a7..dd74993a26 100644
--- a/ghost/admin/app/styles/layouts/products.css
+++ b/ghost/admin/app/styles/layouts/products.css
@@ -62,7 +62,7 @@
 }
 
 .gh-product-card-description {
-    margin-top: 2px;
+    margin: 2px 0 0;
     color: var(--midgrey);
 }