Anchor segment editor on right and show on left when not enough space to show on right.

plugins/SegmentEditor/javascripts/Segmentation.js

@@ -815,6 +815,14 @@ Segmentation = (function($) {
             self.form = getFormHtml();
             self.target.prepend(self.form);
 
+            // if there's enough space to the left & not enough space to the right,
+            // anchor the form to the right of the selector
+            if (self.form.width() + self.target.offset().left > $(window).width()
+                && self.form.width() < self.target.offset().left + self.target.width()
+            ) {
+                self.form.addClass('anchorRight');
+            }
+
             bindFormEvents();
             bindSegmentManipulationEvents();
 

plugins/SegmentEditor/stylesheets/segmentation.less

@@ -698,4 +698,9 @@ a.metric_category {
 .segmentEditorPanel.visible {
     border-bottom-left-radius: 0;
     border-bottom-right-radius: 0;
+}
+
+.segment-element.anchorRight {
+    right:-1px;
+    left:auto;
 }
\ No newline at end of file