Fix the display of the segment selector and simplify the Less rules

1 files changed, 20 insertions, 15 deletions

diff --git a/plugins/SegmentEditor/stylesheets/segmentation.less b/plugins/SegmentEditor/stylesheets/segmentation.less
index b30667cbeb..92bb0c60ef 100644
--- a/plugins/SegmentEditor/stylesheets/segmentation.less
+++ b/plugins/SegmentEditor/stylesheets/segmentation.less
@@ -98,7 +98,7 @@ div.scrollable {
 }
 
 .segment-element .custom_select_search input[type="text"] {
-  font: 11px Arial;
+  font-size: 11px;
   color: #454545 !important;
   width: 125px;
   padding: 0 0 3px 7px !important;
@@ -125,7 +125,8 @@ div.scrollable {
 }
 
 .segment-element .segment-nav h4 {
-  font: bold 14px Arial;
+  font-size: 14px;
+  font-weight: bold;
   padding: 0 0 8px 0;
 }
 
@@ -178,7 +179,8 @@ div.scrollable {
 
 .segment-element .segment-nav div > ul > li a {
   color: #5d5342;
-  font: bold 11px Arial;
+  font-size: 11px;
+  font-weight: bold;
   text-decoration: none;
   text-shadow: 0 1px 0 #fff;
 }
@@ -189,7 +191,8 @@ div.scrollable {
 }
 
 .segment-element .segment-content h3 {
-  font: bold 16px Arial;
+  font-size: 16px;
+  font-weight: bold;
   color: #505050;
   margin: 11px 0 0 0;
   text-shadow: 0 1px 0 #fff;
@@ -213,7 +216,8 @@ div.scrollable {
 
 .segment-element .segment-content .segment-add-row,
 .segment-element .segment-content .segment-add-or {
-  font: bold 14px Arial;
+  font-size: 14px;
+  font-weight: bold;
   background: @theme-color-background-base;
   color: #b9b9b9;
   text-align: center;
@@ -295,7 +299,8 @@ div.scrollable {
   background: #efefeb;
   padding: 5px 28px;
   color: #4f4f4f;
-  font: bold 14px Arial;
+  font-weight: bold;
+  font-size: 14px;
   text-shadow: 0 1px 0 #fff;
 }
 
@@ -330,7 +335,8 @@ div.scrollable {
   background: @theme-color-background-base;
   padding: 5px 35px;
   color: #4f4f4f;
-  font: bold 14px Arial;
+  font-size: 14px;
+  font-weight: bold;
   text-shadow: 0 1px 0 #fff;
 }
 
@@ -367,18 +373,16 @@ div.scrollable {
 .segment-element .segment-content .segment-input label {
   display: block;
   margin: 0 0 5px 0;
-  font: 11px Arial;
+  font-size: 11px;
   color: #505050;
 }
 
 .segment-element .segment-content .segment-input select,
 .segment-element .segment-content .segment-input input {
   display: block;
-  font: 16px Arial;
-  color: #255792;
   width: 96%;
-  padding: 7px 2%;
-  border-radius: 2px 2px 2px 2px;
+  padding-top: 7px;
+  padding-bottom: 7px;
 }
 
 .segment-element .segment-content .segment-input input {
@@ -386,7 +390,7 @@ div.scrollable {
 }
 
 .segment-element .segment-top {
-  font: 11px Arial;
+  font-size: 11px;
   color: #505050;
   text-align: right;
   padding: 3px 7px 0 0;
@@ -409,7 +413,7 @@ div.scrollable {
 }
 
 .segment-element .segment-footer a {
-  font: 14px Arial;
+  font-size: 14px;
   color: #255792;
   margin: 0 5px;
   text-decoration: none;
@@ -578,7 +582,8 @@ body > a.ddmetric {
   padding: 1px 0 2px 18px;
   background: #eae8e3 url(plugins/SegmentEditor/images/segment-move.png) 100% 50% no-repeat;
   color: #5d5342;
-  font: normal 11px Arial;
+  font-weight: normal;
+  font-size: 11px;
   text-decoration: none;
   text-shadow: 0 1px 0 #fff;
   border: 1px solid #cfccbd;