Make sure that cell containers use the same CSS as header cells; fidd…

…le with padding
googlefonts · Sep 2, 2023 · 66d57d5 · 66d57d5
1 parent 65da81a
commit 66d57d5
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/src/fontra/client/web-components/ui-list.js b/src/fontra/client/web-components/ui-list.js
@@ -87,10 +87,10 @@ export class UIList extends UnlitElement {
       background-color: var(--row-selected-background-color);
     }
 
-    .text-cell, .text-cell-header {
+    .list-cell, .text-cell, .text-cell-header {
       overflow: hidden;
       text-overflow: ellipsis;
-      padding: 0 0.2em 0 0.2em;
+      padding: 0 0.2em 0 0.1em;
     }
 
     .text-cell.left, .text-cell-header.left {
@@ -261,6 +261,7 @@ export class UIList extends UnlitElement {
         if (colDesc.cellFactory) {
           cell = html.div(
             {
+              class: "list-cell",
               style: colDesc.width ? `display: flex; width: ${colDesc.width};` : "",
             },
             [colDesc.cellFactory(item, colDesc)]