fix: some layout issues

Author: abose

src/styles/Extn-CSSColorPreview.less

@@ -0,0 +1,31 @@
+// These styles are for CssColorPreview feature
+// Check `extensionsIntegrated/CSSColorPreview for more reference
+/* Single color preview */
+.ico-cssColorPreview {
+    border: solid 1px rgba(0, 0, 0, 0.2);
+    display: inline-block;
+    top: .15em;
+    height:.8em;
+    width: .8em;
+    margin-left: .15em;
+    position: relative;
+}
+
+/* Multiple colors preview container (this is a div) */
+.ico-multiple-cssColorPreview {
+    position: relative;
+    display: inline-block;
+    top: .15em;
+    width: .8em;
+    height:.8em;
+    margin-left: .15em;
+    border: solid 1px rgba(0, 0, 0, 0.2);
+}
+
+/* For individual color boxes, they will be added inside the main .ico-multiple-cssColorPreview div */
+.ico-multiple-cssColorPreview .color-box {
+    position: absolute;
+    width: .35em;
+    height: .35em;
+    box-sizing: border-box;
+}

src/styles/brackets.less

@@ -42,6 +42,7 @@
 @import "Extn-NavigationAndHistory.less";
 @import "Extn-RecentProjects.less";
 @import "Extn-DisplayShortcuts.less";
+@import "Extn-CSSColorPreview.less";
 
 /* Overall layout */
 
@@ -3521,36 +3522,3 @@ label input {
         opacity: 1;
     }
 }
-
-// These styles are for CssColorPreview feature
-// Check `extensionsIntegrated/CSSColorPreview for more reference
-/* Single color preview */
-.ico-cssColorPreview {
-    border: solid 1px rgba(0, 0, 0, 0.2);
-    display: inline-block;
-    height: 14px;
-    width: 14px;
-    margin-left: 6px;
-    position: absolute;
-    top: 8px;
-    z-index: 99999;
-}
-
-/* Multiple colors preview container (this is a div) */
-.ico-multiple-cssColorPreview {
-    position: relative;
-    display: inline-block;
-    width: 14px;
-    height: 14px;
-    margin-left: 6px;
-    border: solid 1px rgba(0, 0, 0, 0.2);
-    z-index: 99999;
-}
-
-/* For individual color boxes, they will be added inside the main .ico-multiple-cssColorPreview div */
-.ico-multiple-cssColorPreview .color-box {
-    position: absolute;
-    width: 6px;
-    height: 6px;
-    box-sizing: border-box;
-}