change to css grid

src/editor/components/seInput.js

@@ -3,6 +3,11 @@ import 'elix/define/Input.js';
 const template = document.createElement('template');
 template.innerHTML = `
   <style>
+  div {
+    height: 24px;
+    margin: 5px 1px;
+    padding: 3px;
+  }
   img {
     top: 2px;
     left: 4px;
@@ -20,9 +25,11 @@ template.innerHTML = `
     border-radius: 3px;
   }
   </style>
+  <div>
   <img src="./images/logo.svg" alt="icon" width="12" height="12" />
   <span id="label">label</span>
   <elix-input></elix-input>
+  </div>
 `;
 
 /**

src/editor/components/seSpinInput.js

@@ -3,6 +3,11 @@ import '../dialogs/se-elix/define/NumberSpinBox.js';
 const template = document.createElement('template');
 template.innerHTML = `
   <style>
+  div {
+    height: 24px;
+    margin: 5px 1px;
+    padding: 3px;
+  }
   img {
     position: relative;
     right: -4px;
@@ -34,9 +39,11 @@ template.innerHTML = `
     height: 24px;
   }
   </style>
+  <div>
   <img src="./images/logo.svg" alt="icon" width="24" height="24" aria-labelledby="label" />
   <span id="label">label</span>
   <elix-number-spin-box min="1" step="1"></elix-number-spin-box>
+  </div>
 `;
 
 /**