chore: update connections table sorting indicator icon

1 files changed, 13 insertions, 8 deletions

diff --git a/src/components/ConnectionTable.module.css b/src/components/ConnectionTable.module.css
index f145542..56e7c2a 100644
--- a/src/components/ConnectionTable.module.css
+++ b/src/components/ConnectionTable.module.css
@@ -4,7 +4,7 @@
 }
 
 .th {
-  padding: 8px 0 14px 10px;
+  padding: 8px 10px;
   height: 50px;
   background: var(--color-background);
   position: sticky;
@@ -15,14 +15,8 @@
   justify-content: space-between;
 }
 
-.th span:last-child {
-  margin-left: 10px;
-  width: 16px;
-  height: 16px;
-}
-
 .td {
-  padding: 8px 10px;
+  padding: 8px 13px;
   font-size: 0.9em;
 
   font-family: var(--font-normal);
@@ -36,3 +30,14 @@
 .du {
   text-align: right;
 }
+
+.sortIconContainer {
+  display: inline-flex;
+  margin-left: 10px;
+  width: 16px;
+  height: 16px;
+}
+
+.rotate180 {
+  transform: rotate(180deg);
+}