Merge branch 'frontend-label-styling'

Author: thisconnect

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

@@ -29,7 +29,7 @@
 .checkbox input + label::before {
     border: 1px solid rgb(220, 220, 220);
     border-radius: 2px;
-    top: -1px;
+    top: 2px;
 }
 .success input + label::before {
     border-color: var(--background-secondary);
@@ -51,7 +51,7 @@
     width: 0.35em;
     height: 0.55em;
     position: absolute;
-    top: 3px;
+    top: 6px;
     left: 6px;
     margin-left: -1px;
     margin-top: -2px;

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

@@ -236,10 +236,6 @@
     padding-left: 1.4em;
 }
 
-.content label {
-    color: var(--color-default);
-}
-
 .buttons {
     display: flex;
     flex-direction: row-reverse;

frontends/web/src/routes/account/send/components/inputs/coin-input.module.css

@@ -1,12 +1,5 @@
-.maxAmount label {
+/* .maxAmount label {
   display: block !important;
   margin-right: 0 !important;
 }
-
-.maxAmount label::before {
-  top: -2px !important;
-}
-
-.maxAmount label::after {
-  margin-top: -3px !important;
-}
+ */

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

@@ -16,17 +16,14 @@
 
 .utxoContent {
     align-items: flex-start;
-    color: var(--color-default);
     display: flex;
     flex-wrap: nowrap;
     font-size: var(--size-subheader);
 }
 
 .note {
-    color: var(--color-default);
     font-size: var(--size-subheader);
-    line-height: 1.5;
-    margin-top: -7px;
+    line-height: 1;
     margin-bottom: var(--space-quarter);
 }
 
@@ -49,6 +46,7 @@
 }
 
 .amounts {
+    line-height: 1;
     padding-bottom: var(--space-quarter);
 }
 

frontends/web/src/style/base.css

@@ -61,25 +61,6 @@ a {
     cursor: pointer;
 }
 
-/* definition list */
-
-dl div {
-    display: inline-block;
-    margin-right: var(--spacing-large);
-}
-
-dl dt {
-    margin-right: var(--spacing-half);
-    text-indent: 0;
-}
-
-dl dd {
-    margin: 0;
-    font-weight: bold;
-    overflow: hidden;
-    text-overflow: ellipsis;
-}
-
 img,
 button {
     user-select: none;

frontends/web/src/style/forms.css

@@ -12,20 +12,16 @@ textarea {
     background: var(--background-secondary);
 }
 
-label,
-dt {
-    color: var(--color-secondary);
+label {
     display: block;
     font-size: var(--size-default);
     font-weight: 400;
-    line-height: 1;
     margin-bottom: var(--space-quarter);
 }
 
 .labelXLarge {
     font-size: var(--size-subheader);
     margin-bottom: calc(var(--space-half) * 1.5);
-    color: var(--color-default);
 }
 
 input:invalid,