Adapt the size of the segment selector on tiny screens

1 files changed, 13 insertions, 3 deletions

diff --git a/plugins/SegmentEditor/stylesheets/segmentation.less b/plugins/SegmentEditor/stylesheets/segmentation.less
index dc7168d3d7..6a650d3127 100644
--- a/plugins/SegmentEditor/stylesheets/segmentation.less
+++ b/plugins/SegmentEditor/stylesheets/segmentation.less
@@ -537,9 +537,9 @@ div.scrollable {
 
 span.segmentationTitle {
     background: url(plugins/Zeitgeist/images/sort_subtable_desc.png) no-repeat right 0;
-    padding-right: 20px !important;
-    width: 160px !important;
-    display: block !important;
+    padding-right: 20px;
+    width: 160px;
+    display: block;
     cursor: pointer;
 }
 
@@ -666,3 +666,13 @@ a.metric_category {
     cursor: default;
     z-index: 1000 !important;
 }
+
+@media all and (max-width: 749px) {
+  span.segmentationTitle,
+  .segmentationContainer.visible {
+    width: auto;
+  }
+  .segmentationContainer.visible .add_new_segment {
+    float: left;
+  }
+}