From 8d5f6df02426d6f15a24230e2a01bfb8e67b2235 Mon Sep 17 00:00:00 2001
From: Gevorg Harutyunyan <gevharut@gmail.com>
Date: Thu, 7 Sep 2017 02:25:07 +0400
Subject: [PATCH] Responsive fixes

---
 src/app/_common/sidebar/customize/customize.hbs |  2 +-
 src/app/dashboard/items/items-list.scss         | 13 +++++++++----
 src/app/dashboard/items/items.hbs               |  8 ++++----
 src/app/items/list/items-list-page.hbs          |  6 +-----
 src/app/items/list/items-list.scss              |  8 ++++++++
 5 files changed, 23 insertions(+), 14 deletions(-)

diff --git a/src/app/_common/sidebar/customize/customize.hbs b/src/app/_common/sidebar/customize/customize.hbs
index 6f218951..700ce394 100644
--- a/src/app/_common/sidebar/customize/customize.hbs
+++ b/src/app/_common/sidebar/customize/customize.hbs
@@ -14,7 +14,7 @@
 								<label class="title">static</label>
 							</div>
 						</div>
-						<div class="row hidden-md-down">
+						<div class="row">
 							<div class="col-4">
 								<label class="title">Sidebar:</label>
 							</div>
diff --git a/src/app/dashboard/items/items-list.scss b/src/app/dashboard/items/items-list.scss
index d96f056f..e8c48f57 100644
--- a/src/app/dashboard/items/items-list.scss
+++ b/src/app/dashboard/items/items-list.scss
@@ -4,16 +4,16 @@
 		// Common case styles
 
 		.item-col-title {
-			flex-grow: 3 * $item-list-col-grow;	
+			flex-grow: 3 * $item-list-col-grow;
 		}
 
 		.item-col-date {
-			text-align: right;	
+			text-align: right;
 		}
 
 		@include media-up(xl) {
 			.item-col-date {
-				flex-grow: $item-list-col-grow + 1;	
+				flex-grow: $item-list-col-grow + 1;
 			}
 		}
 
@@ -21,6 +21,11 @@
 		// Large mobile view
 
 		@include media-down(sm) {
+
+			.item-list-header {
+				display: none;
+			}
+
 			.item-row {
 				padding: 0;
 			}
@@ -94,4 +99,4 @@
 			}
 		}
 	}
-}
\ No newline at end of file
+}
diff --git a/src/app/dashboard/items/items.hbs b/src/app/dashboard/items/items.hbs
index 289a6ead..2197c41b 100644
--- a/src/app/dashboard/items/items.hbs
+++ b/src/app/dashboard/items/items.hbs
@@ -24,7 +24,7 @@
 		</div>
 	</div>
 	<ul class="item-list striped">
-		<li class="item item-list-header hidden-sm-down">
+		<li class="item item-list-header">
 			<div class="item-row">
 				<div class="item-col item-col-header fixed item-col-img xs"></div>
 				<div class="item-col item-col-header item-col-title">
@@ -50,7 +50,7 @@
 			</div>
 		</li>
 		{{#each items}}
-			<li class="item">	
+			<li class="item">
 				<div class="item-row">
 					<div class="item-col fixed item-col-img xs">
 						<a href="">
@@ -75,7 +75,7 @@
 					<div class="item-col item-col-stats">
 						<div class="item-heading">Stats</div>
 						<div class="no-overflow">
-							<div class="item-stats sparkline" data-type="bar"></div>	
+							<div class="item-stats sparkline" data-type="bar"></div>
 						</div>
 					</div>
 					<div class="item-col item-col-date">
@@ -88,4 +88,4 @@
 			</li>
 		{{/each}}
 	</ul>
-</div>
\ No newline at end of file
+</div>
diff --git a/src/app/items/list/items-list-page.hbs b/src/app/items/list/items-list-page.hbs
index f3afba0d..c09a28b9 100644
--- a/src/app/items/list/items-list-page.hbs
+++ b/src/app/items/list/items-list-page.hbs
@@ -66,10 +66,6 @@ items:
 				</p>
 			</div>
 
-			{{!-- Search --}}
-			{{!-- <div class="col-sm-6hidden-xs">
-			</div> --}}
-
 		</div>
 	</div>
 
@@ -90,7 +86,7 @@ items:
 
 <div class="card items">
 	<ul class="item-list striped">
-		<li class="item item-list-header hidden-sm-down">
+		<li class="item item-list-header">
 			<div class="item-row">
 				<div class="item-col fixed item-col-check">
 					<label class="item-check" id="select-all-items">
diff --git a/src/app/items/list/items-list.scss b/src/app/items/list/items-list.scss
index 73ad53ea..89b0977f 100644
--- a/src/app/items/list/items-list.scss
+++ b/src/app/items/list/items-list.scss
@@ -143,6 +143,10 @@
 	@include media(sm) {
 		.item-list {
 
+			.item-list-header {
+				display: none;
+			}
+
 			.item {
 				background-color: #fff;
 				margin-bottom: 10px;
@@ -241,6 +245,10 @@
 
 	@include media-down(xs) {
 
+		.item-list-header {
+			display: none;
+		}
+
 		.item-list .item {
 			border: none;
 			font-size: 0.9rem;