Bug 1154059 - Fix color swatches in ruleview.css and computedview.css. r=miker

--HG--
extra : rebase_source : 7d4e688e2a60e48ae2dd278e5048ff7d22737f86
extra : histedit_source : 1fd30706c6fee53abd9edc8aca0df198e2e7c114

browser/themes/shared/devtools/computedview.css

@@ -183,9 +183,9 @@ body {
 
 .computedview-colorswatch {
   border-radius: 50%;
-  width: 1em;
-  height: 1em;
-  vertical-align: text-top;
+  width: 0.9em;
+  height: 0.9em;
+  vertical-align: middle;
   -moz-margin-end: 5px;
   display: inline-block;
   position: relative;

browser/themes/shared/devtools/ruleview.css

@@ -160,9 +160,9 @@
 .ruleview-swatch {
   cursor: pointer;
   border-radius: 50%;
-  width: 1em;
-  height: 1em;
-  vertical-align: text-top;
+  width: 0.9em;
+  height: 0.9em;
+  vertical-align: middle;
   -moz-margin-end: 5px;
   display: inline-block;
   position: relative;