From 18eee10c8aea5694049a9ec1a043617f2b7bd02f Mon Sep 17 00:00:00 2001
From: Vio <vio@beanon.com>
Date: Sat, 5 Sep 2020 12:31:40 +0200
Subject: [PATCH] fix(ui): SubHeader - small breakpoint styles

---
 .../layout/sub-header/sub-header.module.css   | 20 ++++++++++++++++++-
 1 file changed, 19 insertions(+), 1 deletion(-)

diff --git a/packages/ui/src/layout/sub-header/sub-header.module.css b/packages/ui/src/layout/sub-header/sub-header.module.css
index 542e13a6df..08b07155c1 100644
--- a/packages/ui/src/layout/sub-header/sub-header.module.css
+++ b/packages/ui/src/layout/sub-header/sub-header.module.css
@@ -34,7 +34,6 @@
 
 .rightSide {
   flex: 0 0 auto;
-  margin-left: var(--space-xsmall);
 }
 
 /** Small size modifier */
@@ -50,3 +49,22 @@
 .small .rightSize {
   margin-left: var(--space-xxsmall);
 }
+
+/** Breakpoint changes */
+.inner {
+  flex-wrap: wrap;
+}
+
+.rightSide {
+  margin: var(--space-xsmall) 0 0;
+}
+
+@media (min-width: 768px) {
+  .inner {
+    flex-wrap: nowrap;
+  }
+
+  .rightSide {
+    margin: 0 0 0 var(--space-xsmall);
+  }
+}