From 2359ed9b154145a9ed22517d0ffdd72cdd1e51c8 Mon Sep 17 00:00:00 2001 From: Dennis Jen Date: Mon, 8 May 2017 15:36:12 -0400 Subject: [PATCH] Wrap long filter names and add some padding. --- analytics_dashboard/static/sass/_mixins.scss | 8 +++++--- 1 file changed, 5 insertions(+), 3 deletions(-) diff --git a/analytics_dashboard/static/sass/_mixins.scss b/analytics_dashboard/static/sass/_mixins.scss index 7a815dff2..656ff594b 100644 --- a/analytics_dashboard/static/sass/_mixins.scss +++ b/analytics_dashboard/static/sass/_mixins.scss @@ -135,11 +135,13 @@ // bootstrap defaults are to bold the labels label { font-weight: normal; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; display: inline-block; margin: 0; + margin-bottom: $padding-base-vertical; + + // indent all lines that wrap so that they're aligned with the text instead of the checkbox + text-indent: -$padding-large-horizontal; + padding-left: $padding-large-horizontal; } // for the set of filters (e.g. label for the collection of checkboxes)