Skip to content

Decrease spacing between the timestamp table header and the sorting icon #12221

Closed
@gtsiolis

Description

@gtsiolis

Problem to solve

Following up from #12135 (comment), we need to decrease spacing between the timestamp table header and the sorting icon.

BEFORE AFTER
header-before header-after

Proposal

Change the spacing using the following snippet:

diff --git a/components/dashboard/src/teams/TeamUsage.tsx b/components/dashboard/src/teams/TeamUsage.tsx
index f78fee1f2..15349754a 100644
--- a/components/dashboard/src/teams/TeamUsage.tsx
+++ b/components/dashboard/src/teams/TeamUsage.tsx
@@ -239,7 +239,7 @@ function TeamUsage() {
                                             >
                                                 Timestamp
                                                 <SortArrow
-                                                    className={`ml-2 h-4 w-4 my-auto ${
+                                                    className={`ml-1 h-4 w-4 my-auto ${
                                                         isStartedTimeDescending ? "" : " transform rotate-180"
                                                     }`}
                                                 />

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions