Updated

git-svn-id: http://15.206.35.175/svn/proteus/business-java/trunk@174189 ce508802-f39f-4f6c-b175-0d175dae99d5

ecm/Angular/trunk/src/app/ecm-breadcrumbs/ecm-breadcrumbs.component.css

@@ -16,7 +16,7 @@
 }
 .ecm-breadcrumbs li:before {
   content: "/";
-  color: black;
+  color: gray;
   padding-left: 8px;
   padding-right: 8px;
   

ecm/Angular/trunk/src/app/ecm-product-details/ecm-template/ecm-handicraft.component.css

 @media screen and (max-width: 640px) {
   md-card {
-	margin: 15px;
+    margin: 0px 15px;
   }	
+  
+  .wishButton {
+  	right: 0 !important;
+  }
 }
 
 .ecm-product-ratings {
@@ -603,5 +607,7 @@ md-card {
     /* padding-top: 18px; */
     background: none;
     color: mediumvioletred;
-    top: 18px;
-}
+    top: 15px;
+    right: 50%;
\ No newline at end of file
+    position: absolute;
+}

ecm/Angular/trunk/src/app/ecm-view/ecm-cart/ecm-cart.component.css

@@ -99,10 +99,17 @@
        color: #fff;
 }
 
+@media screen and (max-width: 640px) {
+  md-card {
+    margin: 0px 15px;
+  }	
+}
+
 @media screen and (max-width: 750px){
 
   .total-description {
     width: 70%;
+    padding-top: 10px;
   }
   .deleteCart{
    padding-left: 7px !important;
@@ -123,7 +130,7 @@
     display: block !important;
     position: relative !important;
     padding: 20px;
-    padding-left: 25%;
+    padding-left: calc(25% + 15px);
  }
   .items-cost-rate {
     text-align: left !important;
@@ -162,11 +169,6 @@
   }
 }	
 
-.counter
-{
-    position: inherit;
-}
-
 .change-color
 {
 	display: flex;
@@ -177,10 +179,9 @@
    padding: 20px;
 }
 .ecm-payments{
-	display: flex;
-    position: relative;
+	display: inline-flex;
     color: dimgray;
-    padding-top: 36px;
+    padding: 30px 0px;
 }
 .ecm-Info{
 	position: relative;
@@ -231,13 +232,11 @@
     margin-bottom: 15px;
 }
 .item-image{
-    /* width: 16%; */
-    display: inline-block;
+	display: inline-block;
     position: relative;
     vertical-align: top;
-    padding-top: 18px;
-    width: 120px;
-   
+    top: 30px;
+    width: 110px;
 }
 .change-color{
 	padding-top: 16px;
@@ -247,7 +246,7 @@
     font-size: 14px;
     font-weight: 700;
     line-height: 36px;
-    padding-right: 20px;
+    padding-right: 10px;
 }
 .selected{
 	position: relative;
@@ -263,12 +262,12 @@
     cursor: default;
 }
 .color-change{
-	position: relative;
-    font-size: 13px;
+    position: relative;
+    font-size: 14px;
     color: mediumvioletred;
     cursor: pointer;
     font-weight: 600;
-    padding-left: 8px;
+    padding-left: 14px;
     line-height: 36px;
 }
 .wishList-items{
@@ -290,9 +289,7 @@
 }
 
 .counter{
-	
     position: relative;
-    padding-top: 18px;
 }
 
 .ecm-textBox{
@@ -303,6 +300,7 @@
     text-align: center;
     height: 36px;
     font-size: 17px;
+    font-weight: 800;
 }
 .counter-button{
 	color: mediumvioletred;
@@ -341,17 +339,18 @@
     padding-left: 8px;
 } 
 .continue-shopping{
-    
     float: right;
     border: 2px solid ghostwhite;
     margin-right: 18px;
     height: 46px;
     width: 170px;
+    /*
     position: inherit;
     bottom: 7px;
+    */
 }
 .items-desc{
-     padding-top: 18px;
+     /*padding-top: 18px;*/
 }
 
 .shippingFree{
@@ -423,7 +422,7 @@
 }
 
 .secure-icon {
-	font-size: 20px important;
+	font-size: 20px !important;
 }
 
 .delete-icon {
@@ -475,10 +474,9 @@
 }
 
 .my-cart-title {
-    padding-bottom: 21px;
+	padding-bottom: 21px;
     border-bottom: 2px solid #c71585;
-    font-size: 16px;
-    margin-left: 17px;
+    font-size: 15px;
 }
 
 /* attribute colors */
@@ -556,4 +554,8 @@
     padding-top: 40px;
 }
 
+.total-amount-section {
+	border-top: 1px solid #f3f3f3;
+    padding-top: 15px;
+}
         
\ No newline at end of file

ecm/Angular/trunk/src/app/ecm-view/ecm-cart/ecm-cart.component.html

@@ -102,14 +102,14 @@
 							Handicarfts</span>
 					</div>
 					<div *ngIf="item.phyAttribId3" class="change-color">
-						<span class="size-of-item">Color Selected</span>
+						<span class="size-of-item">Color Selected :</span>
 						<button [ngClass]="item.phyAttribId3" md-button
 							class="back btn selected"></button>
 						<span class="color-change">Change</span>
 					</div>
 
 					<div *ngIf="item.phyAttribId1" class="change-color">
-						<span class="size-of-item">Size Selected</span>
+						<span class="size-of-item">Size Selected :</span>
 						<button md-button class="back btn selected">{{item.phyAttribId1}}</button>
 						<span class="color-change">Change</span>
 					</div>
@@ -202,14 +202,12 @@
 					<span style="font-size: 15px;">Price ( {{(cartItems | async)?.length}} Items )</span>
 					<span class="price-info">Rs. {{totalPrice}}</span>
 				</div>
-				<br>
 				<div class="shipping">
 					<span style="font-size: 15px;">Shipping</span> <span
 						class="shippingFree">FREE</span>
 				</div>
 				<br>
-				<div>
-					<hr style="border: dotted; color: dimgray; border-width: thin;">
+				<div class="total-amount-section">
 					<div class="amount">
 						<span class="amountPayable">Amount Payable</span> <span
 							class="total-amountPrice">Rs. {{totalPrice}}</span>

ecm/Angular/trunk/src/app/ecm-view/ecm-recent-view/ecm-recent-view.component.css

@@ -15,6 +15,7 @@
 
 .product-data {
 	display: inline-block;
+	padding: 0;
 }
 
 hr {
@@ -53,7 +54,6 @@ hr {
 
 .view-all-section {
 	text-align: center;
-	padding-top: 30px;
 }
 
 .view-all-button {
@@ -101,11 +101,10 @@ hr {
 
 .recent-view-card {
 	padding: 0;
-	padding-bottom: 14px;
 }
 
 .recent-view-items {
-	padding: 30px;
+	padding: 25px;
 }
 
 @media screen and (max-width: 640px) {