Bug 1355330 - Update synced tabs sidebar styling. r=dao

MozReview-Commit-ID: FWW4MRhMlWR

--HG--
extra : rebase_source : fb22867b00a9f21282340b59eacd286fdd7b72e5

browser/components/syncedtabs/sidebar.xhtml

@@ -95,7 +95,7 @@
       <!-- the non-scrollable header -->
       <div class="content-header">
         <div class="sidebar-search-container tabs-container sync-state">
-          <div class="search-box compact">
+          <div class="search-box">
             <div class="textbox-input-box">
               <input type="text" class="tabsFilter textbox-input" tabindex="1"/>
               <div class="textbox-search-icons">

browser/themes/linux/syncedtabs/sidebar.css

@@ -7,7 +7,6 @@
 /* These styles are intended to mimic XUL trees and the XUL search box. */
 
 html {
-  border: 1px solid ThreeDShadow;
   background-color: -moz-Field;
   color: -moz-FieldText;
   box-sizing: border-box;
@@ -26,16 +25,7 @@ html {
 .search-box {
   -moz-appearance: textfield;
   cursor: text;
-  margin: 2px 4px;
-  border: 2px solid;
-  -moz-border-top-colors: ThreeDShadow ThreeDDarkShadow;
-  -moz-border-right-colors: ThreeDHighlight ThreeDLightShadow;
-  -moz-border-bottom-colors: ThreeDHighlight ThreeDLightShadow;
-  -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow;
-  padding: 2px 2px 3px;
-  padding-inline-start: 4px;
-  background-color: -moz-Field;
-  color: -moz-FieldText;
+  margin: 4px;
 }
 
 .textbox-search-clear {

browser/themes/osx/syncedtabs/sidebar.css

@@ -97,16 +97,12 @@
   }
 }
 
-.sidebar-search-container {
-  border-bottom: 1px solid #bdbdbd;
-}
-
 .search-box {
   -moz-appearance: searchfield;
   padding: 1px;
   font-size: 12px;
   cursor: text;
-  margin: 4px 8px 10px;
+  margin: 4px;
   border-width: 3px;
   border-style: solid;
   border-color: currentcolor;

browser/themes/shared/syncedtabs/sidebar.inc.css

@@ -73,7 +73,6 @@ body {
 .item.selected > .item-title-container {
   background-color: -moz-cellhighlight;
   color: -moz-cellhighlighttext;
-  font-weight: bold;
 }
 
 .item.selected:focus > .item-title-container {
@@ -131,7 +130,7 @@ body {
   flex-flow: row;
   overflow: hidden;
   flex-grow: 1;
-  padding: 1px 0px 1px 0px;
+  padding: 4px;
 }
 
 .item-title {

browser/themes/windows/syncedtabs/sidebar.css

@@ -6,10 +6,6 @@
 
 /* These styles are intended to mimic XUL trees and the XUL search box. */
 
-html {
-  background-color: #EEF3FA;
-}
-
 .item {
   padding-inline-end: 0;
 }
@@ -25,7 +21,7 @@ html {
 .search-box {
   -moz-appearance: textfield;
   cursor: text;
-  margin: 2px 4px;
+  margin: 4px;
   padding: 2px 2px 3px;
   padding-inline-start: 4px;
   color: -moz-FieldText;
@@ -94,9 +90,9 @@ html {
   background-size: contain;
   background-repeat: no-repeat;
   background-position: center;
-  padding-top: 5px;
   min-width: 9px; /* The image's width is 9 pixels */
   height: 9px;
+  margin: auto;
 }
 
 .item.client .item-twisty-container {