Merge pull request #674 from edx/dsjen/update-filter-styles

Wrap long filter names and add some padding.
openedx-unsupported · May 8, 2017 · 9ecae6b · 9ecae6b
2 parents 9c309a1 + 2359ed9
commit 9ecae6b
Showing 1 changed file with 5 additions and 3 deletions.
diff --git 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)