From 003e926f27963ae8c799c68d2d38aed3bf51fd65 Mon Sep 17 00:00:00 2001 From: Chris Hill-Scott Date: Fri, 21 Jun 2019 15:30:09 +0100 Subject: [PATCH] Stop service name overflowing This is just to stop it looking broken. 50% column width chosen to maintain the rhythm of the grid. --- app/assets/stylesheets/components/navigation.scss | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/app/assets/stylesheets/components/navigation.scss b/app/assets/stylesheets/components/navigation.scss index a643de24d..b50a51f2c 100644 --- a/app/assets/stylesheets/components/navigation.scss +++ b/app/assets/stylesheets/components/navigation.scss @@ -16,7 +16,10 @@ @include bold-19; padding: $padding-top 0 $padding-bottom 0; display: inline-block; - vertical-align: top; + max-width: 50%; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; } &-switch {