From 26160125c5a547ca8433272f74c863ebc605c174 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Karol=20Orze=C5=82?= <hexplor@gmail.com>
Date: Fri, 20 Oct 2023 15:01:06 +0200
Subject: [PATCH] - Hydrogen login and register forms css styling bugfixes
 (#3185)

---
 CHANGELOG.md                                  |  5 +--
 .../joomla/scss/hydrogen-joomla/_core.scss    | 32 +++++++++++++++++++
 2 files changed, 35 insertions(+), 2 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 000b72fa2..13e287840 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -8,8 +8,9 @@
 2. [Joomla](#joomla)
     1. [](#bugfix)
         - Update target platforms to match Joomla 4.3 and up (#3170)
-        - Login forms css styling bugfixes (#3185)
-        - Register forms css styling bugfixes (#3185)
+        - Helium login forms css styling bugfixes (#3185)
+        - Helium register forms css styling bugfixes (#3185)
+        - Hydrogen login and register forms css styling bugfixes (#3185)
         - Fix for Joomla 5.x debug css (#3190)
 
 # 5.5.16
diff --git a/themes/hydrogen/joomla/scss/hydrogen-joomla/_core.scss b/themes/hydrogen/joomla/scss/hydrogen-joomla/_core.scss
index a3c9c5e16..92a899338 100644
--- a/themes/hydrogen/joomla/scss/hydrogen-joomla/_core.scss
+++ b/themes/hydrogen/joomla/scss/hydrogen-joomla/_core.scss
@@ -14,6 +14,26 @@
 	}
 }
 
+.btn-secondary {
+	background: $accent-color-2;
+	color: $white;
+	text-shadow: none;
+	box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
+	&:hover {
+		background: lighten($accent-color-2, 5%);
+		color: $white;
+	}
+	&:active, &:focus {
+		background: darken($accent-color-2, 5%);
+		box-shadow: inset -1px -1px 1px rgba(0,0,0,0.15);
+		color: $white;
+	}
+}
+
+meter {
+	width: 100%;
+}
+
 .btn-group > .btn + .dropdown-toggle {
 	box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
 }
@@ -32,3 +52,15 @@
 .btn-link {
 	color: $accent-color-1;
 }
+
+// Login and registration page fixes
+.login {
+    .plg_system_webauthn_login_button {
+        padding-top: 0.9rem;
+        min-height: 60px;
+
+        svg {
+            vertical-align: middle;
+        }
+    }
+}