fix: update styles for footer and alerts in Template and tailwind

src/login/Template.tsx

@@ -186,7 +186,7 @@ export default function Template(props: TemplateProps<KcContext, I18n>) {
                         </div>
                     </CardContent>
 
-                    {infoNode && !displayInfo && <CardFooter className="p-0 pt-4">{infoNode}</CardFooter>}
+                    {infoNode && !displayInfo && <CardFooter className="p-0 pt-4 border-t border-border">{infoNode}</CardFooter>}
                 </GlassCard>
             </div>
         </GlassAmbientBackground>

src/login/tailwind.css

@@ -418,6 +418,10 @@
         text-decoration: none;
     }
 
+    #kc-select-try-another-way-form {
+        margin-top: 1rem;
+    }
+
     #kc-form-buttons {
         margin-top: 0.75rem;
     }
@@ -619,13 +623,14 @@
     .alert-error.kcAlertClass,
     .pf-m-danger.kcAlertClass {
         border-color: var(--color-destructive);
-        background: color-mix(in oklab, var(--color-destructive) 12%, transparent);
+        background: color-mix(in oklab, var(--color-destructive) 18%, transparent);
         color: var(--color-destructive);
+        font-weight: 500;
     }
 
     .pf-m-info.kcAlertClass {
         border-color: var(--color-info);
-        background: color-mix(in oklab, var(--color-info) 12%, transparent);
+        background: color-mix(in oklab, var(--color-info) 16%, transparent);
         color: var(--color-info);
     }