Palette table: wider left column, right-aligned text

index.html

@@ -78,6 +78,20 @@
             align-items: center;
             padding: 1px 0;
         }
+        .palette-table-row {
+            display: grid;
+            grid-template-columns: 7em 1.6em auto;
+            gap: 5px;
+            align-items: center;
+            padding: 1px 0;
+        }
+        .palette-table-row .theme-table-name {
+            text-align: right;
+            padding-right: 4px;
+        }
+        .palette-table-row .theme-table-speed {
+            text-align: right;
+        }
         .theme-table-header {
             color: var(--icon);
             font-weight: bold;
@@ -1183,7 +1197,7 @@ var weatherThemes = {
             for (var k = 0; k < colorKeys.length; k++) {
                 var ck = colorKeys[k];
                 var cv = ASH[ck] || dbgRoot.getPropertyValue('--' + ck).trim();
-                colorHtml += '<div class="theme-table-row">' +
+                colorHtml += '<div class="palette-table-row">' +
                     '<span class="theme-table-name">' + ck + '</span>' +
                     '<div class="theme-table-mini-swatch" style="background:' + cv + '"></div>' +
                     '<span class="theme-table-speed">' + cv + '</span>' +