From 713d3708e63a3cf47f1ad01641d47334aa83e460 Mon Sep 17 00:00:00 2001
From: Mikhail Hryb <iamfreespirit.mg@gmail.com>
Date: Tue, 12 Sep 2017 21:55:09 +0300
Subject: [PATCH] fix(header): header responsive

---
 .../components/header/header.component.scss   | 25 +++++++++++++++++--
 1 file changed, 23 insertions(+), 2 deletions(-)

diff --git a/src/app/@theme/components/header/header.component.scss b/src/app/@theme/components/header/header.component.scss
index d024e4ed..bb0bfc6b 100644
--- a/src/app/@theme/components/header/header.component.scss
+++ b/src/app/@theme/components/header/header.component.scss
@@ -58,11 +58,11 @@
   }
 
   .theme-switch {
-    width: 12rem;
     display: flex;
     justify-content: space-between;
     align-items: center;
     cursor: pointer;
+    margin: 0;
 
     & > span {
       font-size: 1.125rem;
@@ -71,10 +71,12 @@
 
       &.light {
         color: nb-theme(color-fg-text);
+        padding-right: 10px;
       }
 
       &.cosmic {
         color: nb-theme(color-fg);
+        padding-left: 10px;
       }
 
       @include nb-for-theme(cosmic) {
@@ -164,14 +166,33 @@
     }
   }
 
-  @include media-breakpoint-down(xs) {
+  @include media-breakpoint-down(is) {
+
+    .header-container {
+      .logo {
+        font-size: 1.25rem;
+      }
+    }
+
     .toggle-layout {
       display: none;
     }
 
     .switcher-container {
+      .light, .cosmic {
+        display: none;
+      }
+    }
+  }
+
+  @include media-breakpoint-down(xs) {
+    .right /deep/ {
       display: none;
     }
+
+    .switcher-container {
+      align-items: flex-end;
+    }
   }
 }