fix(ui): SubHeader - small breakpoint styles

relative-ci · Sep 5, 2020 · 18eee10 · 18eee10
1 parent 9c0ffb7
commit 18eee10
Showing 1 changed file with 19 additions and 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
@@ -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);
+  }
+}