fix: delegates table widths (#1135)

snapshot-labs · Feb 3, 2025 · 3e5d3c5 · 3e5d3c5
1 parent daad48d
commit 3e5d3c5
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/apps/ui/src/components/SpaceDelegates.vue b/apps/ui/src/components/SpaceDelegates.vue
@@ -380,7 +380,7 @@ watchEffect(() => setTitle(`Delegates - ${props.space.name}`));
         </div>
         <button
           type="button"
-          class="hidden md:flex w-[120px] shrink-0 items-center justify-end hover:text-skin-link space-x-1 truncate"
+          class="hidden md:flex w-[80px] shrink-0 items-center justify-end hover:text-skin-link space-x-1 truncate"
           @click="handleSortChange('tokenHoldersRepresentedAmount')"
         >
           <span class="truncate">Delegators</span>
@@ -460,7 +460,7 @@ watchEffect(() => setTitle(`Delegates - ${props.space.name}`));
                 </div>
               </div>
               <div
-                class="hidden sm:flex items-center grow text-[17px] overflow-hidden leading-[22px] text-skin-heading"
+                class="hidden sm:flex items-center grow w-0 text-[17px] leading-[22px] text-skin-heading"
               >
                 <div
                   v-if="delegate.statement"
@@ -471,7 +471,7 @@ watchEffect(() => setTitle(`Delegates - ${props.space.name}`));
                 />
               </div>
               <div
-                class="hidden md:flex shrink-0 w-[120px] flex-col items-end justify-center leading-[22px] truncate"
+                class="hidden md:flex shrink-0 w-[80px] flex-col items-end justify-center leading-[22px] truncate"
               >
                 <h4
                   class="text-skin-link"