[asset] give upto 1/3 of the screen for account name on balance page

fixes #133
ananthakumaran · Jan 31, 2024 · 0d4b88b · 0d4b88b
1 parent bb4e242
commit 0d4b88b
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/src/lib/components/AssetsBalance.svelte b/src/lib/components/AssetsBalance.svelte
@@ -45,7 +45,9 @@
         {@const gain = b.gainAmount}
         {@const changeClass = calculateChangeClass(gain)}
         <tr>
-          <td class="whitespace-nowrap has-text-left" style="max-width: 200px; overflow: hidden;"
+          <td
+            class="whitespace-nowrap has-text-left"
+            style="max-width: max(15rem, 33.33vw); overflow: hidden;"
             >{@html indentWidth}<span class="has-text-grey custom-icon">{iconText(b.group)}</span>
             <a href="/assets/gain/{b.group}">{indent ? lastName(b.group) : b.group}</a></td
           >

diff --git a/src/lib/components/GoalSummaryCard.svelte b/src/lib/components/GoalSummaryCard.svelte
@@ -35,7 +35,7 @@
   <div class="flex justify-between mb-4">
     <div class="flex">
       {#if action}
-        <span use:action class="icon is-size-4 mr-1 mt-1 has-text-grey">
+        <span use:action class="icon is-size-4 mr-1 mt-1 has-text-grey-light">
           <i class="fas fa-grip-vertical" />
         </span>
       {/if}