From b46b253c1ce2fba31b962741e900280f33f11fe3 Mon Sep 17 00:00:00 2001
From: Sercan Yemen <sercanyemen@gmail.com>
Date: Mon, 18 Jun 2018 18:53:21 +0300
Subject: [PATCH] Small responsive fixes on e-commerce pages

---
 .../e-commerce/orders/orders.component.scss   | 26 +++++++++------
 .../products/products.component.scss          | 32 +++++++++++--------
 2 files changed, 35 insertions(+), 23 deletions(-)

diff --git a/src/app/main/apps/e-commerce/orders/orders.component.scss b/src/app/main/apps/e-commerce/orders/orders.component.scss
index daf48171..d0f17870 100644
--- a/src/app/main/apps/e-commerce/orders/orders.component.scss
+++ b/src/app/main/apps/e-commerce/orders/orders.component.scss
@@ -2,23 +2,29 @@
 
 :host {
 
-    .header {
+    #orders {
 
-        .search-input-wrapper {
-            max-width: 480px;
-        }
+        > .center {
 
-        @include media-breakpoint-down(xs) {
-            margin: 24px 0;
-            height: 128px !important;
-            min-height: 128px !important;
-            max-height: 128px !important;
+            > .header {
+
+                .search-input-wrapper {
+                    max-width: 480px;
+                }
+
+                @include media-breakpoint-down(xs) {
+                    margin: 24px 0;
+                    height: 128px !important;
+                    min-height: 128px !important;
+                    max-height: 128px !important;
+                }
+            }
         }
     }
 
     .mat-tab-group,
     .mat-tab-body-wrapper,
-    .tab-content{
+    .tab-content {
         flex: 1 1 auto;
         max-width: 100%;
     }
diff --git a/src/app/main/apps/e-commerce/products/products.component.scss b/src/app/main/apps/e-commerce/products/products.component.scss
index 8982410f..2316405d 100644
--- a/src/app/main/apps/e-commerce/products/products.component.scss
+++ b/src/app/main/apps/e-commerce/products/products.component.scss
@@ -2,23 +2,29 @@
 
 :host {
 
-    .header {
+    #products {
 
-        .search-input-wrapper {
-            max-width: 480px;
+        .top-bg {
+            @include media-breakpoint-down(xs) {
+                height: 240px;
+            }
         }
 
-        @include media-breakpoint-down(xs) {
-            margin: 8px 0;
-            height: 192px !important;
-            min-height: 192px !important;
-            max-height: 192px !important;
-        }
-    }
+        > .center {
 
-    .top-bg {
-        @include media-breakpoint-down(xs) {
-            height: 240px;
+            > .header {
+
+                .search-input-wrapper {
+                    max-width: 480px;
+                }
+
+                @include media-breakpoint-down(xs) {
+                    margin: 8px 0;
+                    height: 192px !important;
+                    min-height: 192px !important;
+                    max-height: 192px !important;
+                }
+            }
         }
     }