Autosize preset buttons part 2.

Author: hackademix

src/ui/ui.css

@@ -199,12 +199,17 @@ input.preset:active, input.preset:focus, input.preset:hover {
 
 #presets-sizer {
   visibility: hidden;
-  width: 10px;
-  height: 1px;
+
   overflow: hidden !important;
   border: 1px solid red;
 }
 
+#presets-sizer td.site {
+  display: none;
+}
+#presets-sizer span.url {
+  display: block;
+}
 .presets input.preset:checked, #presets input.preset, #presets-sizer input.preset {
   opacity: 1;
   transform: none;

src/ui/ui.js

@@ -187,7 +187,6 @@ var UI = (() => {
 
     initRow(table = this.table) {
       let row = table.querySelector("tr.site");
-      debug("initRow: ", new Error().stack);
       // PRESETS
       {
         let presets = row.querySelector(".presets");
@@ -225,7 +224,7 @@ var UI = (() => {
           let labelWidth = 0;
           for (let l of sizer.querySelectorAll("label.preset")) {
             let lw = l.offsetWidth;
-            debug("lw", lw);
+            debug("lw", l.textContent, lw);
             if (lw > labelWidth) labelWidth = lw;
           }