fix options loading bug & drag handle alignment

diff --git a/options.js b/options.js
index 50598de073b88fd597049ceca8d3966bacc9a149..31ff156cd8c5bff1b12a379e6a2004ce846d1550 100644 (file)
--- a/options.js
+++ b/options.js
@@ -26,7 +26,7 @@ function restore_options() {
       document.getElementById('fg').value = items["fgvalue"];
       document.getElementById('hr').value = items["hrvalue"];
     });
+  document.getElementById('save').addEventListener('click', save_options);
 }
 
 document.addEventListener('DOMContentLoaded', restore_options);
-document.getElementById('save').addEventListener('click', save_options);

diff --git a/style.css b/style.css
index 3e566468a383d625e72a8736b64f82c45b9d72a6..c29e55dfbb9500128b414a1b349152d1cf03bbd3 100644 (file)
--- a/style.css
+++ b/style.css
@@ -27,6 +27,7 @@ body {
   flex-direction: row;
   display: -webkit-flex;
   -webkit-flex-direction: row;
+  min-height: 283px;
 }
 
 ul {
@@ -65,7 +66,7 @@ input.colname {
   height: 19px;
   margin: 14px 0 6px 0;
   border: 2px var(--hover-bg) dashed;
-  background-color: var(--default-bg);
+  background-color: var(inherit);
   color: inherit;
   font-family: inherit;
 }
@@ -210,7 +211,7 @@ span.grip {
   content: '....';
   position: relative;
   right: 20px;
-  top: 35px;
+  top: 36px;
   width: 10px;
   height: 20px;
   display: none;