From f613aefb87d6b16915ad6558e113b795d9f77876 Mon Sep 17 00:00:00 2001 From: Andrew Croce Date: Mon, 13 Aug 2018 15:56:02 -0400 Subject: [PATCH] Fix subnav behavior on small screens --- styles/components/_workspace_layout.scss | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/styles/components/_workspace_layout.scss b/styles/components/_workspace_layout.scss index e2cf4c24..cf6e79bd 100644 --- a/styles/components/_workspace_layout.scss +++ b/styles/components/_workspace_layout.scss @@ -6,15 +6,20 @@ .workspace-navigation { @include panel-margin; + margin-bottom: $gap * 4; ul { display: flex; - flex-wrap: wrap; + flex-direction: column; li { flex-grow: 1; } } + @include media($medium-screen) { + margin-bottom: $gap * 5; + } + @include media($large-screen) { width: 20rem; margin-right: $gap * 2;