Merge pull request #72 from OptimistikSAS/issues/43

#43 top toolbar and bottom bar small alignment changes

src/editor/components/PaintBox.js

@@ -10,9 +10,9 @@ class PaintBox {
   constructor (container, type) {
     // set up gradients to be used for the buttons
     const svgdocbox = new DOMParser().parseFromString(
-      `<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22">
+      `<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14">
           <rect
-            fill="#000000" opacity="1" width="22" height="22"/>
+            fill="#000000" opacity="1" width="14" height="14"/>
           <defs><linearGradient id="gradbox_${PaintBox.ctr++}"/></defs>
         </svg>`,
       'text/xml'

src/editor/components/seInput.js

@@ -13,7 +13,6 @@ template.innerHTML = `
     bottom: 1px;
     right: -4px;
     position: relative;
-    margin-left: 4px;
     margin-right: 4px;
     color: #fff;
   }

src/editor/components/seList.js

@@ -5,7 +5,7 @@ const template = document.createElement('template');
 template.innerHTML = `
 <style>
 elix-dropdown-list {
-  margin: 5px;
+  margin: 1px;
 }
 
 elix-dropdown-list:hover {

src/editor/components/sePlainBorderButton.js

@@ -22,7 +22,6 @@ class SePlainBorderButton extends PlainButton {
           [part~="button"] {
             background: #72797A;
             border: 1px solid #ccc;
-            padding: 0.25em 0.5em;
           }
         </style>
       `

src/editor/svgedit.css

@@ -306,7 +306,7 @@ hr {
 
 #tools_top {
   position: absolute;
-  left: 108px;
+  left: 105px;
   top: 2px;
   min-height: 40px;
   border-bottom: none;
@@ -320,13 +320,13 @@ hr {
 
 #tools_top > div > * {
   float: left;
-  margin-right: 2px;
+  margin-right: 1px;
 }
 #tools_top se-input {
   margin-top: 6px;
   height: 15px;
 }
-#tools_top se-spin-input {
+#tools_top se-spin-input, #tools_top se-list {
   margin-top: 5px;
   height: 15px;
 }
@@ -431,8 +431,7 @@ hr {
   text-decoration: underline;
 }
 
-div.toolset,
-div.toolset > * {
+div.toolset, div.toolset > * {
   float: left;
 }