new design fix

src/app/app.component.html

@@ -60,9 +60,9 @@
         <li (click)="goToPage('catagory')">
             <div class="icon_sec m3_icon" [class.m3_icon_act]="sec_active3" (click)="setActive3()"></div>
         </li>
-        <li (click)="goToPage('cart')">
+        <!-- <li (click)="goToPage('cart')">
             <div class="icon_sec m4_icon" [class.m4_icon_act]="sec_active4" (click)="setActive4()"></div>
-        </li>
+        </li> -->
         <li (click)="goToPage('myorder')">
             <div class="icon_sec m5_icon" [class.m5_icon_act]="sec_active5" (click)="setActive5()"></div>
         </li>

src/app/app.component.scss

@@ -104,7 +104,7 @@
         li {
             list-style: none;
             display: inline-block;
-            width: 16.666%;
+            width: 20%;
             height: 100%;
             text-align: center;
             background-repeat: no-repeat;

src/app/cart/cart.page.html

@@ -9,6 +9,7 @@
                     <h4>CART</h4>
                 </div>
                 <button class="nav_btn floatRight">
+                    
                 </button>
                 <div class="clear"></div>
             </div>

src/app/cart/cart.page.scss

@@ -29,6 +29,7 @@
                     width: 20%;
                     display: inline-block;
                     font-weight: 700;
+                    font-size: 13px;
                     hr {
                         height: 0px;
                         border-top: none;

src/app/productdetail/productdetail.page.html

@@ -5,6 +5,7 @@
     <div class="nav_title floatLeft">
     </div>
     <button class="nav_btn nav_cart floatRight" (click)="goToPage('cart')">
+        <div class="not">1</div>
   </button>
     <div class="clear"></div>
 </div>

src/global.scss

@@ -419,6 +419,20 @@ app-deliverypop {
     background-position: center;
     background-repeat: no-repeat;
     background-size: 25px;
+    position: relative;
+}
+
+.not {
+    background-color: rgba(59, 57, 77, 1);
+    color: #fff;
+    width: 20px;
+    height: 20px;
+    border-radius: 50%;
+    position: absolute;
+    top: 0px;
+    right: 0px;
+    font-size: 13px;
+    padding: 3px;
 }
 
 .nav_title {