1 files changed, 24 insertions, 32 deletions

diff --git a/plugins/SegmentEditor/stylesheets/segmentation.less b/plugins/SegmentEditor/stylesheets/segmentation.less
index afc79b3a9b..c0f97e940a 100644
--- a/plugins/SegmentEditor/stylesheets/segmentation.less
+++ b/plugins/SegmentEditor/stylesheets/segmentation.less
@@ -84,15 +84,14 @@ div.scrollable {
     border-radius: 3px;
     position: absolute;
     left: -1px;
-    top: -1px;
+    top: 37px;
 }
 
 .segment-element .custom_select_search {
     width: 146px;
     background: url(plugins/SegmentEditor/images/bg-segment-search.png) 0 10px no-repeat;
     padding: 10px 0 0 0;
-    margin: 10px 0 10px 15px;
-    border-top: 1px solid #dcdacf;
+    margin: 0 0 10px 15px;
     position: relative;
     height: 32px;
 }
@@ -203,7 +202,6 @@ div.scrollable {
 .segment-element .segment-content .segment-rows {
     padding: 4px;
     margin: 0 3px 0 0;
-    background: @theme-color-background-base;
     border: 1px solid #a9a399;
     border-radius: 3px 3px 3px 3px;
     position: relative;
@@ -214,7 +212,7 @@ div.scrollable {
 .segment-element .segment-content .segment-add-or {
     font-size: 14px;
     font-weight: bold;
-    background: @theme-color-background-base;
+    background: @theme-color-background-contrast;
     color: #b9b9b9;
     text-align: center;
     position: relative;
@@ -257,6 +255,7 @@ div.scrollable {
 
 .segment-element .segment-content .segment-add-or > div {
     border: 2px dashed #EFEFEB;
+    background-color: #efefeb;
 }
 
 .segment-element .segment-content .segment-row {
@@ -323,12 +322,16 @@ div.scrollable {
     border-radius: 5px 0 0 5px;
 }
 
+.segment-element .edit_segment_name {
+    width: 200px;
+}
+
 .segment-element .segment-content .segment-and {
     display: inline-block;
     margin: -1px 0 -1px 6%;
     z-index: 1;
     position: relative;
-    background: @theme-color-background-base;
+    background: @theme-color-background-contrast;
     padding: 5px 35px;
     color: #4f4f4f;
     font-size: 14px;
@@ -427,8 +430,6 @@ div.scrollable {
     border: 1px solid #e4e5e4;
     margin-right: 10px;
     border-radius: 4px;
-    color: @theme-color-text-light;
-    font-size: 14px;
 
     .segmentListContainer {
         line-height: 14px;
@@ -450,7 +451,7 @@ div.scrollable {
 
 .segmentationContainer .submenu {
     font-size: 13px;
-    min-width: 200px;
+    min-width: 206px;
 }
 
 .segmentationContainer .submenu ul {
@@ -460,13 +461,14 @@ div.scrollable {
     font-weight: normal;
     line-height: 20px;
     list-style: none outside none;
-    margin-left: 5px;
     margin-right: 0;
     padding-top: 10px;
 }
 
+
+
 .segmentationContainer .submenu ul li {
-    padding: 2px 0 1px 6px;
+    padding: 2px 0 1px 0;
     margin: 3px 0 0 0;
     cursor: pointer;
 }
@@ -499,9 +501,11 @@ div.scrollable {
 }
 
 .segmentEditorPanel.expanded .segmentationContainer {
-    width: 240px;
     border-bottom-left-radius: 0;
     border-bottom-right-radius: 0;
+    .dropdown-body {
+        width: 240px;
+    }
 }
 
 .segmentEditorPanel.expanded ul.submenu {
@@ -516,7 +520,7 @@ div.scrollable {
 
 .segmentEditorPanel.expanded .segmentFilterContainer > input[type="text"] {
     font-size: 11px;
-    width: 200px;
+    width: 206px;
     padding: 0;
     border: 1px solid #d0d0d0;
     border-width: 1px;
@@ -529,7 +533,7 @@ div.scrollable {
     width: 13px;
     height: 13px;
     right: 23px;
-    top: 48px;
+    top: 24px;
     cursor: pointer;
 }
 
@@ -542,9 +546,8 @@ div.scrollable {
 }
 
 .segmentEditorPanel.expanded .add_new_segment {
-    clear: both;
-    float: right;
-    margin: 12px 9px 10px 0;
+    width: 100%;
+    margin: 16px 0 8px 0;
 }
 
 .segmentationContainer > ul.submenu > li {
@@ -668,8 +671,7 @@ a.metric_category {
 }
 
 .dropdown-body {
-    background-color: #f7f7f7;
-    border-top-width: 0px;
+    border-top-width: 0;
     display: none;
     border-bottom-left-radius: 4px;
     border-bottom-right-radius: 4px;
@@ -680,11 +682,6 @@ a.metric_category {
     border-top-right-radius: 0;
 }
 
-.segmentEditorPanel:hover .dropdown-body {
-    border-color: #a9a399;
-    background: #f1f0eb
-}
-
 .segmentEditorPanel.expanded {
     border-bottom-left-radius: 0;
     border-bottom-right-radius: 0;
@@ -720,6 +717,7 @@ a.metric_category {
 .segmentEditorPanel .segmentationTitle {
     text-overflow: ellipsis;
     display: inline-block;
+    vertical-align: top;
     max-width: 170px;
 }
 
@@ -727,14 +725,8 @@ a.metric_category {
     font-weight: bold;
 }
 
-.segmentEditorPanel a.title {
-    padding-bottom: 8px;
-}
-
-.segmentEditorPanel.expanded .segmentationTitle {
-    max-width: 180px;
-    overflow: visible; /* restore default */
-    white-space: normal; /* restore default */
+.segmentEditorPanel.expanded a.title {
+    padding-bottom: 10px;
 }
 
 .segment-element .segment-nav a.dropdown,