Remove thick borders from selectize and simple-slider. More cleanup.

Author: ckj

src/sentry/static/sentry/less/selectize.less

@@ -2,11 +2,11 @@
 
 @selectize-font-family: inherit;
 @selectize-font-smoothing: inherit;
-@selectize-font-size: 13px;
-@selectize-line-height: 18px;
+@selectize-font-size: 14px;
+@selectize-line-height: inherit;
 
 @selectize-color-text: #34343f;
-@selectize-color-border: #e9eaea;
+@selectize-color-border: #e1e4e5;
 @selectize-color-highlight: rgba(125,168,208,0.2);
 @selectize-color-input: #fff;
 @selectize-color-input-full: @selectize-color-input;
@@ -31,24 +31,24 @@
 @selectize-lighten-disabled-item-border: 30%;
 @selectize-opacity-disabled: 0.5;
 
-@selectize-shadow-input: none;
+@selectize-shadow-input: inset 0 1px 1px rgba(70, 82, 98, 0.05);
 @selectize-shadow-input-focus: none;
-@selectize-border: 2px solid @selectize-color-border;
+@selectize-border: 1px solid @selectize-color-border;
 @selectize-border-radius: 5px;
 
 @selectize-width-item-border: 0;
 @selectize-max-height-dropdown: 200px;
 
-@selectize-padding-x: 8px;
+@selectize-padding-x: 12px;
 @selectize-padding-y: 8px;
 @selectize-padding-item-x: 6px;
-@selectize-padding-item-y: 2px;
+@selectize-padding-item-y: 12px;
 @selectize-padding-dropdown-item-x: @selectize-padding-x;
 @selectize-padding-dropdown-item-y: 5px;
 @selectize-margin-item-x: 3px;
 @selectize-margin-item-y: 3px;
 
-@selectize-arrow-size: 5px;
+@selectize-arrow-size: 6px;
 @selectize-arrow-color: #808080;
 @selectize-arrow-offset: 10px;
 
@@ -106,7 +106,7 @@
 
 .selectize-input {
   border: @selectize-border;
-  padding: @selectize-padding-y @selectize-padding-x;
+  padding: @selectize-padding-y @selectize-padding-x @selectize-padding-y - 1;
   display: inline-block;
   width: 100%;
   overflow: hidden;
@@ -257,7 +257,7 @@
     position: absolute;
     top: 35%;
     right: @selectize-arrow-offset;
-    margin-top: round(-@selectize-arrow-size / 2);
+    margin-top: -4px;
   }
   &.dropdown-active:after {
     content: "\e610";

src/sentry/static/sentry/less/sentry.less

@@ -55,7 +55,7 @@ th, dt, strong {
 .sidebar {
   h6 {
     margin: 0 0 20px;
-    color: #999;
+    color: #93989E;
   }
 
   .nav-stacked {

src/sentry/static/sentry/less/simple-slider.less

@@ -5,38 +5,20 @@
   > .dragger {
     background: lighten(#4593DE, 5%);
 
-    -webkit-box-shadow: inset 0 1px 1px rgba(255,255,255,0.5), 0 2px 8px rgba(0,0,0,0.2);
-    -moz-box-shadow: inset 0 1px 1px rgba(255,255,255,0.5), 0 2px 8px rgba(0,0,0,0.2);
-    box-shadow: inset 0 1px 1px rgba(255,255,255,0.5), 0 2px 8px rgba(0,0,0,0.2);
-
-    -webkit-border-radius: 10px;
-    -moz-border-radius: 10px;
-    border-radius: 10px;
-
-    border: 1px solid #4593DE;
+    border-radius: 16px;
     width: 16px;
-    height: 15px;
+    height: 16px;
+    box-shadow: 0 0 0 3px #fff;
   }
 
   > .dragger:hover {
     background: #4593DE;
   }
 
   > .track {
-    background: #ccc;
-    background: -webkit-linear-gradient(top, #bbb, #ddd);
-    background: -moz-linear-gradient(top, #bbb, #ddd);
-    background: linear-gradient(top, #bbb, #ddd);
+    background: #f1f2f3;
 
-    -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.1);
-    -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.1);
-    box-shadow: inset 0 2px 4px rgba(0,0,0,0.1);
-
-    -webkit-border-radius: 8px;
-    -moz-border-radius: 8px;
     border-radius: 8px;
-
-    border: 1px solid #aaa;
     height: 3px;
   }