frontend: improve vertical position of badges

Badges are not vertically aligned consistently in all places. This
was caused mostly as badges were centerd vertically but then had
slightly different line-height.

Badges behave like text and usually have `display: inline;`.

Changed line-height to be consistent and vertical alignment to
baseline, so that the badge text stands on the same line as the
other text.

Badges currently appear in the following components:
- account selector can have badge with icon only
- sidebar shows badge for connected keystore with icon and text
- reused utxo's in coincontrol have badge with warning text
- account summary balance have badge for connected keystore
- exchange options show best-deal or fast badge
- manage-accounts shows badge for connected keystore

Author: thisconnect

frontends/web/src/components/badge/badge.module.css

@@ -3,7 +3,7 @@
   border: 1px solid;
   display: inline-block;
   font-size: var(--size-small);
-  line-height: 14px;
+  line-height: 1;
   padding: var(--space-eight) 10px;
   white-space: nowrap;
 }

frontends/web/src/components/forms/radio.module.css

@@ -1,5 +1,6 @@
 .radio {
     --size-default: 14px;
+    line-height: 1.5;
 }
 
 .radio input {
@@ -11,7 +12,6 @@
     display: inline-flex;
     flex-direction: column;
     font-size: var(--size-default);
-    line-height: 1.5;
     margin-right: var(--space-half);
     padding-left: calc(var(--space-half) + var(--space-quarter));
     position: relative;

frontends/web/src/routes/account/send/utxos.module.css

@@ -74,7 +74,7 @@
 .transaction {
     display: flex;
     font-size: var(--size-default);
-    line-height: 1.4;
+    line-height: 1.5;
     white-space: nowrap;
 }
 

frontends/web/src/routes/account/summary/accountssummary.module.css

@@ -1,6 +1,6 @@
 .accountName {
     display: flex;
-    align-items: center;
+    align-items: baseline;
 }
 
 .accountName p {

frontends/web/src/routes/buy/components/exchangeselectionradio.module.css

@@ -48,7 +48,6 @@
     color: var(--color-default);
     display: inline-block;
     font-weight: 400;
-    line-height: 22px;
     margin: 0;
 }
 .paymentMethodName img {

frontends/web/src/routes/buy/exchange.module.css

@@ -75,6 +75,7 @@
 }
 
 .radioButtonsContainer {
+    line-height: 1.5;
     min-height: 180px;
 }