chore: adjust style

1 files changed, 13 insertions, 13 deletions

diff --git a/src/components/ConnectionCard.module.scss b/src/components/ConnectionCard.module.scss
index 6007c45..e0c42c3 100644
--- a/src/components/ConnectionCard.module.scss
+++ b/src/components/ConnectionCard.module.scss
@@ -1,12 +1,12 @@
 .card {
   background: var(--color-bg-card);
   border-radius: 12px;
-  padding: 12px 16px;
-  margin-bottom: 10px;
+  padding: 10px 14px;
+  margin-bottom: 8px;
   box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
   display: flex;
   flex-direction: column;
-  gap: 6px;
+  gap: 4px;
   cursor: pointer;
   transition: transform 0.1s ease;
 
@@ -25,7 +25,7 @@
 .host {
   color: #40c4aa; // Similar to the image
   font-weight: 600;
-  font-size: 1rem;
+  font-size: 0.95rem;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -35,20 +35,20 @@
 
 .time {
   color: var(--color-text-secondary);
-  font-size: 0.85rem;
+  font-size: 0.8rem;
   flex-shrink: 0;
 }
 
 .typeProtocol {
   color: var(--color-text);
-  font-size: 0.9rem;
+  font-size: 0.85rem;
   opacity: 0.8;
 }
 
 .totals {
   display: flex;
-  gap: 12px;
-  font-size: 0.85rem;
+  gap: 10px;
+  font-size: 0.8rem;
   color: var(--color-text-secondary);
 
   span {
@@ -67,7 +67,7 @@
   align-items: center;
   gap: 6px;
   color: var(--color-text-secondary);
-  font-size: 0.85rem;
+  font-size: 0.8rem;
   overflow: hidden;
   flex: 1;
   margin-right: 8px;
@@ -80,7 +80,7 @@
 
   .arrow {
     opacity: 0.5;
-    font-size: 0.75rem;
+    font-size: 0.7rem;
   }
 
   .chains {
@@ -96,14 +96,14 @@
 .speedAndAction {
   display: flex;
   align-items: center;
-  gap: 12px;
+  gap: 8px;
 }
 
 .speed {
   display: flex;
   align-items: center;
-  gap: 6px;
-  font-size: 0.9rem;
+  gap: 4px;
+  font-size: 0.8rem;
   color: var(--color-text-secondary);
   font-family: 'Roboto Mono', monospace;