Updated

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

ecm/Angular/ProteusECM/trunk/src/app/ecm-carousel/ecm-carousel.component.css

@@ -22,7 +22,7 @@
 }
 
 .carousel-cell {
-  height: 450px;
+  height: 400px;
   margin-right: 10px;
   border-radius: 5px;
   counter-increment: gallery-cell;

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

@@ -24,7 +24,6 @@
 
 .row {
     max-width: 72rem;
-   	min-height: 600px;
 }
 
 /* Imprtant Tab*/

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

@@ -69,40 +69,7 @@
     font-size: 18px;
 }
 
-/*.medium-btn-ecm-View{
-	cursor: pointer;
-	position: absolute;
-	background: transparent;
-	color: mediumvioletred;
-	padding-top: 6px;
-	width: 78%;
-}*/
-/*.medium-btn-ecm-View{
-    background: transparent;
-    color: mediumvioletred;
-    width: 302px;
-    height: 50px;
-    font-size: 15px;
-    line-height: 44px;
-    text-align: center;
-    border-radius: 2px;
-    position: relative;
-    padding: 0;
-    margin: 26px 0 5px 0;
-}*/
-/* .ecm-buttons{
-	width: 295px;
-    height: 50px;
-    font-size: 15px;
-    line-height: 15px;
-    text-align: center;
-    border-radius: 2px;
-    position: relative;
-    padding: 0;
-    margin: 5px 0 5px 0;  
-}*/
-.checkout-button,
-.viewAll-button
+.checkout-button, .viewAll-button
 {
 /*     width: 320px; */
 	width: 304px;
@@ -122,41 +89,52 @@
 	line-height: 44px; 
 }
 
-.checkout-button{
+.checkout-button
+{
 	 background: mediumvioletred; 
 	 color:#fff;
 }
 
-@media screen and (max-width:30em) {
-	
+@media screen and (max-width:30em)
+{
 	
-  .listItems{
+  .listItems
+  {
     margin: 0px;
     padding: 0px;
   }
-  .color-change {
+  .color-change
+  {
     position: relative;
     left: 10px;
     font-size: 16px;
     color: mediumvioletred;
     cursor: pointer;
     bottom: 4px;
+  }
 }
-.counter{
+.counter
+{
      padding: 0px;
 }
-.change-color{
+
+.change-color
+{
 	display: flex;
 }
 
- .totalPriceDetails{
+.totalPriceDetails
+{
    padding: 20px;
-  }
-  .continue-shopping{
-    width: 100%;
-    margin-right: 0px;
 }
+
+.continue-shopping
+{
+    width: 100%;
+	margin-right: 15px;
+    margin-left: 15px;
 }
+
 .ecm-payments{
 	display: flex;
     position: relative;
@@ -209,7 +187,8 @@
     position: relative;
     float: right;
     width: 100%;
-    margin-top: 10px;
+    margin-top: 15px;
+    margin-bottom: 15px;
 }
 .item-image{
 	width: 140px;
@@ -318,32 +297,35 @@
 	padding-bottom: 20px;
     padding-top: 36px;
 }
- .continue-shopping{
+.continue-shopping{
     
     float: right;
     border: 2px solid ghostwhite;
     margin-right: 18px;
     height: 46px;
     width: 170px;
- }
- .items-desc{
+}
+.items-desc{
      padding-top: 18px;
- }
- .shippingFree{
+}
+
+.shippingFree{
     float: right;
     font-weight: 600;
     color: mediumaquamarine;
     font-size: 13px;
- }
- .details-of-Cart{
+}
+.details-of-Cart{
     top: 60px;
-    margin-bottom: 50px;
+    bottom: 50px;
     position: relative;
-    margin-top: 50px;
- }
+    padding-top: 20px;
+    padding-bottom: 70px;
+    max-width: 72rem;
+}
 .cartItemsDetails{
-	padding-right: 0px;
-    padding-left: 0px;
+	padding: 0;
+    border-bottom: 1px solid #f2f2f2
 }
 .item-shDescr{
 	display: block;
@@ -373,18 +355,18 @@
 	 font-weight: 600; 
 	 font-size: 14px;
 }
-.total-amountPrice{
+.total-amountPrice {
 	float: right;
 	font-weight: 600;
 	font-size: 20px;
 }
-.ecm-headings{
+
+.ecm-headings {
 	font-size: 15px;
-   padding-left: 14px;
+	border-bottom: 1px solid #f3f3f3;
+	padding: 20px;
 }
 
-
-
 .counter-button, .selected {
 	box-shadow: 0 0px 5px 1px rgba(0,0,0,.1);
     font-size: 15px;
@@ -447,5 +429,10 @@
     display: inline-block;
 }
 
-
+.my-cart-title {
+    padding-bottom: 21px;
+    border-bottom: 2px solid #c71585;
+    font-size: 16px;
+    margin-left: 17px;
+}
 

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

@@ -11,7 +11,7 @@
 	
 	<div *ngIf="cartCount > 0">
 		<div class="cartItemsDetail" *ngFor="let item of cartItemsDetail  | slice:0:displayItem; let i=index">
-			<table style="border: 2px solid ghostwhite; width: 100%;">
+			<table style="width: 100%;">
 				<tr>
 					<td class="itemImage"><ecm-image [refId]='item.itemCode' [refSer]="'M-ITEM'" [object]="'ITEM'" [isSingleImage]="true" [isThumbnail]="true"></ecm-image></td>
 					<td class="itemdescription" (click)="viewItem(item.itemCode)">
@@ -43,9 +43,8 @@
 		<md-card class="medium-8 columns cartItemsDetails">
 		<div class="ecmdetailsItems">
 			<div class="ecm-headings">
-				<span>({{cartCount}}) My Cart</span>
+				<span class="my-cart-title">({{cartCount}}) My Cart</span>
 			</div>
-			<hr>
 			<div class="listItems" *ngFor="let item of cartItemsDetail">
 
 				<div class="media-object-section item-image">
@@ -77,7 +76,7 @@
 						</button>
 					</div>
 					<div class="items-cost-rate">
-						<span>₹ {{item.costRate}}</span>
+						<span>Rs. {{item.costRate}}</span>
 					</div>
 					<div class="wish-remove-dipslay">
 						<span class="wishList-items" (click)="wishList()">Add to Wishlist</span>
@@ -113,7 +112,7 @@
 					<hr style="border: dotted; color: dimgray; border-width: thin;">
 					<div class="amount">
 						<span class="amountPayable">Amount Payable</span> 
-						<span class="total-amountPrice">₹ {{totalPrice}}</span>
+						<span class="total-amountPrice">Rs. {{totalPrice}}</span>
 					</div>
 					<div class="ecm-payments">
 						<i class="material-icons secure-icon">&#xE8E8;</i> 

ecm/Angular/ProteusECM/trunk/src/app/ecm-view/ecm-checkout/ecm-checkout.component.html

@@ -171,11 +171,11 @@
 					</tr>
 					<tr *ngFor="let item of cartItemsDetail">
 						<td class="item-name">{{item.shDescr}}</td>
-						<td class="item-cost">₹ {{item.costRate}}</td>
+						<td class="item-cost">Rs. {{item.costRate}}</td>
 					</tr>
 					<tr>
 						<td class="total">Total</td>
-						<td class="total-price">₹ {{totalPrice}}</td>
+						<td class="total-price">Rs. {{totalPrice}}</td>
 					</tr>
 
 				</table>

ecm/Angular/ProteusECM/trunk/src/app/ecm-view/ecm-related-items/ecm-related-items.component.css

 .related-items-section {
     margin-top: 70px;
     padding-top: 30px;
-	height: 650px;
+	/*height: 650px;*/
 	background-color: #F2F2F2;
 }
 

ecm/Angular/ProteusECM/trunk/src/app/ecm-view/ecm-trend-product/ecm-trend-product.component.css

@@ -8,7 +8,7 @@
 	max-width: 72rem;
 }
 .ecm-section-info {
-	padding: 10px;
+	padding: 10px 10px 25px 10px;
 	max-width: 72rem;
 	margin-left: auto;
 	margin-right: auto;