promocode success label

src/app/cart/cart.page.html

@@ -166,12 +166,15 @@
                             </div> -->
                             <hr />
                             <div class="coupon_code">
+                                <div class="promo-row">
                                     <input class="" placeholder="COUPON CODE: GET50" #promo /><button class="add_btn" (click)="promoApply(promo.value)">
                                         APPLY
                                     </button>
-                                <span *ngIf="discountApplied" style="color: red">Promocode applied successfully
+                                </div>
+                                <span *ngIf="discountApplied" class="promo-success">Promocode applied successfully
                                 </span>
                             </div>
+
                             <br />
 
                             <h6>

src/app/cart/cart.page.scss

@@ -205,8 +205,9 @@
                 }
                 .coupon_code {
                     padding-top: 20px;
-                    padding-bottom: 50px;
+                    padding-bottom: 40px;
                     border-bottom: 1px solid #b0aec7;
+                    .promo-row {
                         display: flex;
                         justify-content: space-between;
                         input {
@@ -236,6 +237,14 @@
                             font-weight: bolder;
                         }
                     }
+                    .promo-success {
+                        color: #31b131;
+                        font-size: 16px;
+                        text-align: left;
+                        display: block;
+                        margin-top: 5px;
+                    }
+                }
                 .total_div {
                     p {
                         margin: 0px;

src/app/productdetail/productdetail.page.scss

@@ -134,12 +134,11 @@
                         top: 0px;
                         bottom: 0px;
                         padding: 4px;
-                        padding-top: 35px;
-                        padding-bottom: 35px;
                         text-align: center;
                         display: flex;
                         align-items: center;
                         font-size: 14px;
+                        justify-content: center;
                     }
                     #custom_check_button label {
                         width: 100%;