Updated 'Add product' modal styles

ghost/admin/app/components/gh-membership-products-alpha.hbs

@@ -1,3 +1,4 @@
+<label>Products</label>
 <div class="gh-product-cards">
 {{#each this.products as |product productIdx|}}
     <div class="gh-product-card">

ghost/admin/app/components/modal-product.hbs

@@ -29,7 +29,6 @@
                     @class="gh-input" />
                 <GhErrorMessage @errors={{this.errors}} @property="description" />
             </GhFormGroup>
-            <div class="">
             <GhFormGroup @errors={{this.settings.errors}} @hasValidated={{this.settings.hasValidated}} @property="prices">
                 <div class="gh-settings-members-pricelabelcont">
                     <label for="monthlyPrice">Prices</label>
@@ -84,7 +83,6 @@
         </div>
     </div>
 </div>
-</div>
 </form>
 
 <div class="modal-footer">
@@ -97,10 +95,10 @@
     >
         <span>Cancel</span>
     </button>
-    <GhTaskButton @buttonText="Save"
+    <GhTaskButton @buttonText="{{if this.isExistingProduct "Save" "Add product"}}"
         @successText={{this.successText}}
         @task={{this.saveProduct}}
         @idleClass="gh-btn-primary"
-        @class="gh-btn gh-btn-black gh-btn-icon"
+        @class="gh-btn {{if this.isExistingProduct "gh-btn-black" "gh-btn-green"}} gh-btn-icon"
         data-test-button="save-product" />
 </div>

ghost/admin/app/components/modal-product.js

@@ -54,7 +54,7 @@ export default class ModalProductPrice extends ModalBase {
 
     get title() {
         if (this.isExistingProduct) {
-            return `Product - ${this.product.name || 'No Name'}`;
+            return `Edit product`;
         }
         return 'New Product';
     }

ghost/admin/app/styles/layouts/products.css

@@ -50,7 +50,7 @@
 
 .gh-product-card-name {
     font-size: 1.8rem;
-    font-weight: 500;
+    font-weight: 600;
     margin: 0;
 }
 
@@ -308,6 +308,10 @@
     margin-bottom: 32px;
 }
 
+.gh-product-priceform-block .form-group:last-of-type {
+    margin-bottom: 0;
+}
+
 .gh-product-priceform-pricecurrency {
     display: grid;
     grid-template-columns: 1fr 2fr;

ghost/admin/app/styles/patterns/forms.css

@@ -798,7 +798,8 @@ textarea {
 }
 
 .form-rich-radio .gh-radio-label .description h4 {
-    font-size: 1.4rem;
+    font-size: 1.5rem;
+    font-weight: 600;
     margin: 0;
     padding: 0;
     line-height: 1.4em;