Tighten profile tag styling (#43)

Author: shaypal5

src/styles.css

@@ -934,6 +934,7 @@ meter {
 
 .profile-sections section {
   display: grid;
+  align-content: start;
   gap: 10px;
   padding: 14px;
   border: 1px solid var(--color-line);
@@ -948,15 +949,21 @@ meter {
 .tag-list {
   display: flex;
   flex-wrap: wrap;
-  gap: 8px;
+  align-content: flex-start;
+  gap: 6px;
 }
 
 .tag-list span {
-  padding: 7px 10px;
-  border-radius: 999px;
+  max-width: 100%;
+  padding: 4px 8px;
+  border: 1px solid color-mix(in srgb, var(--color-line) 72%, var(--color-text-secondary));
+  border-radius: 6px;
   background: var(--color-surface-hover);
   color: var(--color-text-secondary);
-  font-weight: 700;
+  font-size: 0.86rem;
+  font-weight: 650;
+  line-height: 1.25;
+  overflow-wrap: anywhere;
 }
 
 .agent-row:last-child {