From 7297a9b4a47393a848dec0c3ca0f8ae776f5fba1 Mon Sep 17 00:00:00 2001
From: Sercan Yemen <sercanyemen@gmail.com>
Date: Mon, 11 Sep 2017 12:34:16 +0300
Subject: [PATCH] toolbar adjustments

---
 src/app/main/toolbar/toolbar.component.html | 2 +-
 src/app/main/toolbar/toolbar.component.scss | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/app/main/toolbar/toolbar.component.html b/src/app/main/toolbar/toolbar.component.html
index 919eb5ec..4f6ab0ef 100644
--- a/src/app/main/toolbar/toolbar.component.html
+++ b/src/app/main/toolbar/toolbar.component.html
@@ -79,7 +79,7 @@
                 </button>
             </md-menu>
 
-            <div class="toolbar-separator"></div>
+            <div class="toolbar-separator" fxHide fxShow.gt-xs></div>
 
             <button md-icon-button
                     class="mat-icon-button quick-panel-toggle-button"
diff --git a/src/app/main/toolbar/toolbar.component.scss b/src/app/main/toolbar/toolbar.component.scss
index 9fa0d9b2..a72695b5 100644
--- a/src/app/main/toolbar/toolbar.component.scss
+++ b/src/app/main/toolbar/toolbar.component.scss
@@ -51,7 +51,7 @@
         min-width: 64px;
         height: 64px;
 
-        @include media-breakpoint-down(sm) {
+        @include media-breakpoint-down('xs') {
             height: 56px;
         }
     }
@@ -66,7 +66,7 @@
         width: 1px;
         background: rgba(0, 0, 0, .12);
 
-        @include media-breakpoint-down(sm) {
+        @include media-breakpoint-down('xs') {
             height: 56px;
         }
     }