1. you can have multiple buttons
2. Not tested it myself but this was a screenshot showing that taken from #29454

That's the module not the com_user login view

Sorry I missed that in the title. The comment about multiple buttons is still valid though.

That should be something to be addressed in the output of com_users. You could add the mb-2 class on each extra button but please wait until #29454 is merged first to avoid conflicts and duplicate work.

Duplicate #29138 due to no control-group class for the frontend template.

Label J4 Frontend Template?

Can't we just add a class for control-group?

diff --git a/templates/cassiopeia/scss/blocks/_form.scss b/templates/cassiopeia/scss/blocks/_form.scss
index ae587bc..adf4870 100644
--- a/templates/cassiopeia/scss/blocks/_form.scss
+++ b/templates/cassiopeia/scss/blocks/_form.scss
@@ -22,4 +22,8 @@
 }
 
+.control-group {
+  margin-top: .5rem;
+}
+
 .custom-select {
   max-width: $input-max-width;

It would also work for #29228 and #29138

Or apply Lobotomized Owl selector

* + * {
  margin-top: .5em;
}

My local owls protest strongly against lobotomization... ;)

Here is the history of this class.

Bootstrap 2: .control-group
Bootstrap 3/4: .form-group
Bootstrap 5: .mb-3

So instead of top margin it should be bottom margin to be consistent with Bootstrap?

That will not work for the Submit buttons. #29228

But we could use another css for these com_users buttons:

diff --git a/templates/cassiopeia/scss/blocks/_form.scss b/templates/cassiopeia/scss/blocks/_form.scss
index ae587bc..4c26844 100644
--- a/templates/cassiopeia/scss/blocks/_form.scss
+++ b/templates/cassiopeia/scss/blocks/_form.scss
@@ -113,2 +113,7 @@
   bottom: auto;
 }
+
+// com_users submit buttons
+[class^=com-users-] {
+  margin-top: .5rem;
+}

It will work because it is wrapped in a control-group.

@Quy
You are right. Can you make patch?

@infograf768 There is a PR under the cassiopeia repo: joomla/cassiopeia#99

Please test PR #31520