1 files changed, 39 insertions, 12 deletions
diff --git a/plugins/SegmentEditor/stylesheets/segmentation.less b/plugins/SegmentEditor/stylesheets/segmentation.less
index cd6b7632a7..a27e24fb0a 100644
--- a/plugins/SegmentEditor/stylesheets/segmentation.less
+++ b/plugins/SegmentEditor/stylesheets/segmentation.less
@@ -224,19 +224,46 @@ div.scrollable {
     margin-bottom: 5px;
 }
 
-.segmentationContainer ul.submenu > li span.editSegment {
-    display: block;
-    float: right;
-    text-align: center;
-    margin-right: 4px;
-    font-weight: normal;
-    background: url(plugins/SegmentEditor/images/edit_segment.png) no-repeat;
-    width: 16px;
-    height: 16px;
-    .opacity(0.5);
+.segmentationContainer ul.submenu > li {
+    span.editSegment, span.compareSegment {
+        display: block;
+        float: right;
+        text-align: center;
+        margin-right: 4px;
+        font-weight: normal;
+        width: 16px;
+        height: 16px;
+        .opacity(0.5);
+
+        &:hover {
+            .opacity(1);
+        }
+    }
+
+    span.editSegment {
+        background: url(plugins/SegmentEditor/images/edit_segment.png) no-repeat;
+    }
+
+    span.compareSegment {
+        background: url(plugins/Morpheus/images/compare.svg) no-repeat;
+        background-size: cover;
+
+        &.allVisitsCompareSegment {
+            margin-right: 24px;
+        }
+    }
+    
+    li.segmentSelected, li.comparedSegment {
+        span.compareSegment {
+            pointer-events: none;
+            opacity: 0.2;
+        }
+    }
+}
 
-    &:hover {
-        .opacity(1);
+html.comparisonsDisabled .segmentationContainer ul.submenu {
+    span.compareSegment {
+        display: none;
     }
 }