Refine server picker ping labels and layout

src/web/styles.css

@@ -2598,18 +2598,18 @@ p {
   display: grid;
   grid-template-columns: 1fr;
   gap: 8px;
-  width: min(100%, 150px);
+  width: min(100%, 220px);
   margin-inline: auto;
 }
 
 .client-server {
   min-width: 0;
-  min-height: 50px;
+  min-height: 44px;
   display: flex;
-  flex-direction: column;
+  align-items: baseline;
   justify-content: center;
-  gap: 3px;
-  padding: 7px 4px 8px;
+  gap: 9px;
+  padding: 6px 4px 7px;
   border: 0;
   border-bottom: 1px solid var(--client-border);
   border-radius: 0;
@@ -2679,9 +2679,9 @@ p {
 }
 
 .client-server-health {
-  min-height: 14px;
   display: grid;
   place-items: center;
+  white-space: nowrap;
 }
 
 .client-server-health > span {
@@ -2749,7 +2749,7 @@ p {
 .client-server-check {
   grid-column: 3;
   justify-self: start;
-  width: 88px;
+  width: 116px;
   min-height: 32px;
   padding: 5px 7px;
   border: 0;