fix: adjust margins and display properties for form elements

src/login/tailwind.css

@@ -430,6 +430,10 @@
         margin-top: 0.75rem;
     }
 
+    .kcFormSettingClass #kc-form-buttons {
+        margin-top: 0;
+    }
+
     .kcFormSettingClass {
         display: flex;
         align-items: center;
@@ -450,11 +454,21 @@
         cursor: pointer;
     }
 
+    #kc-form-options .checkbox label span {
+        display: inline-flex;
+        align-items: center;
+        line-height: 1;
+    }
+
     .kcFormOptionsClass,
     #kc-info {
         border-top: 1px solid var(--color-border);
     }
 
+    .kcFormSettingClass .kcFormOptionsClass {
+        border-top: 0;
+    }
+
     #kc-info {
         padding-top: 1rem;
         margin-top: 1rem;
@@ -537,6 +551,9 @@
 
     #kc-registration a,
     .kcFormOptionsWrapperClass a {
+        display: inline-flex;
+        align-items: center;
+        line-height: 1;
         font-weight: 600;
         color: var(--color-primary);
     }
@@ -546,6 +563,10 @@
         text-decoration: underline;
     }
 
+    .kcFormSettingClass .kcFormOptionsWrapperClass {
+        min-height: auto;
+    }
+
     #kc-current-locale-link::after {
         content: "";
         width: 0.4rem;