fix(ffe-form): zoom fieldmessage

SpareBank1 · Feb 22, 2024 · dd3b3ee · dd3b3ee
1 parent 3896f8a
commit dd3b3ee
Showing 1 changed file with 4 additions and 6 deletions.
diff --git a/packages/ffe-form/less/field-message.less b/packages/ffe-form/less/field-message.less
@@ -2,26 +2,24 @@
     font-family: var(--ffe-g-font);
     color: var(--ffe-v-input-color);
     margin: @ffe-spacing-2xs 0 @ffe-spacing-xs;
-    display: block;
+    display: grid;
+    grid-template-columns: auto 1fr;
+    grid-column-gap: @ffe-spacing-2xs;
     font-size: var(--ffe-fontsize-body-text);
 
     &[aria-hidden='true'] {
         display: none;
     }
 
     &__icon {
+        place-self: center;
         background-color: var(--ffe-v-info-message-icon-color);
         border-radius: 50%;
-        padding: 3px;
         width: 18px;
         height: 18px;
         display: inline-flex;
         align-items: center;
         justify-content: center;
-        margin-right: @ffe-spacing-2xs;
-        vertical-align: text-top;
-        text-align: center;
-        font-family: arial, sans-serif;
     }
 
     .ffe-icons {