[ui] disable fixed layout for Home tables

webui/src/components/widgets/Table.svelte

@@ -17,7 +17,9 @@
 
   export let columns: string;
   export let header = true;
+
   export let orderByValue = false;
+  export let unfixed = false;
 
   export let entries: UpEntry[];
   export let editable = false;
@@ -177,7 +179,7 @@
   }
 </script>
 
-<table>
+<table class:unfixed>
   <colgroup>
     {#if editable}
       <col class="action-col" />
@@ -294,6 +296,10 @@
     width: 100%;
     table-layout: fixed;
 
+    &.unfixed {
+      table-layout: auto;
+    }
+
     border-spacing: 0.5em 0;
 
     th {

webui/src/views/Home.svelte

@@ -56,7 +56,12 @@
       {#if $lastVisitedQuery == undefined}
         <Spinner centered />
       {:else}
-        <Table columns="value, entity" entries={lastVisited} orderByValue />
+        <Table
+          columns="value, entity"
+          entries={lastVisited}
+          orderByValue
+          unfixed
+        />
       {/if}
     </section>
   {/if}
@@ -67,7 +72,7 @@
       {#if $latestQuery == undefined}
         <Spinner centered />
       {:else}
-        <Table columns="value, entity" entries={latest} orderByValue />
+        <Table columns="value, entity" entries={latest} orderByValue unfixed />
       {/if}
     </section>
   {/if}