From c27c9dbb0afe02f08df55d8f7ea8279b92789c41 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tom=C3=A1=C5=A1=20Ml=C3=A1dek?= <t@mldk.cz>
Date: Tue, 15 Feb 2022 23:15:26 +0100
Subject: [PATCH] [ui] fix overflow on Home

---
 webui/src/components/widgets/Table.svelte | 19 +++++++++++--------
 webui/src/lib/types.ts                    |  2 +-
 2 files changed, 12 insertions(+), 9 deletions(-)

diff --git a/webui/src/components/widgets/Table.svelte b/webui/src/components/widgets/Table.svelte
index 8805381..e47f7f4 100644
--- a/webui/src/components/widgets/Table.svelte
+++ b/webui/src/components/widgets/Table.svelte
@@ -19,7 +19,7 @@
   export let header = true;
 
   export let orderByValue = false;
-  export let unfixed = false;
+  export let columnWidths: string[] = [];
 
   export let entries: UpEntry[];
   export let editable = false;
@@ -179,13 +179,20 @@
   }
 </script>
 
-<table class:unfixed>
+<table>
   <colgroup>
     {#if editable}
       <col class="action-col" />
     {/if}
-    {#each displayColumns as column}
-      <col class="{column}-col" />
+    {#each displayColumns as column, idx}
+      {#if columnWidths.length}
+        <col
+          class="{column}-col"
+          style="width: {columnWidths[idx] || 'unset'}"
+        />
+      {:else}
+        <col class="{column}-col" />
+      {/if}
     {/each}
   </colgroup>
 
@@ -296,10 +303,6 @@
     width: 100%;
     table-layout: fixed;
 
-    &.unfixed {
-      table-layout: auto;
-    }
-
     border-spacing: 0.5em 0;
 
     th {
diff --git a/webui/src/lib/types.ts b/webui/src/lib/types.ts
index 5f8cd0e..09bb394 100644
--- a/webui/src/lib/types.ts
+++ b/webui/src/lib/types.ts
@@ -100,8 +100,8 @@ const TYPE_WIDGETS: { [key: string]: Widget[] } = {
           component: Table,
           props: {
             columns: "value, entity",
+            columnWidths: ["13em"],
             orderByValue: true,
-            unfixed: true,
             header: false,
           },
         },