style: consistent save buttons and active tab

lib/mv_web/live/role_live/form.ex

@@ -30,11 +30,6 @@ defmodule MvWeb.RoleLive.Form do
             </.button>
           </:leading>
           {@page_title}
-          <:actions>
-            <.button phx-disable-with={gettext("Saving...")} variant="primary" type="submit">
-              {gettext("Save")}
-            </.button>
-          </:actions>
         </.header>
 
         <div class="mt-6 space-y-6">
@@ -85,6 +80,20 @@ defmodule MvWeb.RoleLive.Form do
             <% end %>
           </div>
         </div>
+
+        <%!-- Buttons: below all form fields, Cancel left (secondary), Speichern right (primary) --%>
+        <div class="mt-6 flex items-center justify-end gap-4">
+          <.button navigate={return_path(@return_to, @role)} variant="neutral" type="button">
+            {gettext("Cancel")}
+          </.button>
+          <.button
+            type="submit"
+            phx-disable-with={gettext("Saving...")}
+            variant="primary"
+          >
+            {gettext("Save role")}
+          </.button>
+        </div>
       </.form>
     </Layouts.app>
     """

lib/mv_web/live/role_live/show.ex

@@ -223,55 +223,57 @@ defmodule MvWeb.RoleLive.Show do
         phx-hook="FocusRestore"
         phx-window-keydown={if @show_delete_modal, do: "window_keydown", else: nil}
       >
-        <.list>
-          <:item title={gettext("Name")}>{@role.name}</:item>
-          <:item title={gettext("Description")}>
-            <%= if @role.description do %>
-              {@role.description}
-            <% else %>
-              <span class="text-base-content/70 italic">{gettext("No description")}</span>
-            <% end %>
-          </:item>
-          <:item title={gettext("Permission Set")}>
-            <.badge variant={permission_set_badge_variant(@role.permission_set_name)}>
-              {@role.permission_set_name}
-            </.badge>
-          </:item>
-          <:item title={gettext("System Role")}>
-            <.badge :if={@role.is_system_role} variant="warning">
-              {gettext("Yes")}
-            </.badge>
-            <.badge :if={!@role.is_system_role} variant="neutral">
-              {gettext("No")}
-            </.badge>
-          </:item>
-        </.list>
+        <div class="max-w-xl mt-6 space-y-6">
+          <.list>
+            <:item title={gettext("Name")}>{@role.name}</:item>
+            <:item title={gettext("Description")}>
+              <%= if @role.description do %>
+                {@role.description}
+              <% else %>
+                <span class="text-base-content/70 italic">{gettext("No description")}</span>
+              <% end %>
+            </:item>
+            <:item title={gettext("Permission Set")}>
+              <.badge variant={permission_set_badge_variant(@role.permission_set_name)}>
+                {@role.permission_set_name}
+              </.badge>
+            </:item>
+            <:item title={gettext("System Role")}>
+              <.badge :if={@role.is_system_role} variant="warning">
+                {gettext("Yes")}
+              </.badge>
+              <.badge :if={!@role.is_system_role} variant="neutral">
+                {gettext("No")}
+              </.badge>
+            </:item>
+          </.list>
 
-        <%!-- Danger zone: canonical pattern (same as member show) --%>
-        <%= if can?(@current_user, :destroy, Mv.Authorization.Role) and not @role.is_system_role do %>
-          <section class="mt-8 mb-6" aria-labelledby="danger-zone-heading">
-            <h2 id="danger-zone-heading" class="text-lg font-semibold mb-3 text-error">
-              {gettext("Danger zone")}
-            </h2>
-            <div class="border border-base-300 rounded-lg p-4 bg-base-100">
-              <p class="text-base-content/70 mb-4">
-                {gettext(
-                  "Deleting this role cannot be undone. Users assigned to this role must be reassigned first."
-                )}
-              </p>
-              <.button
-                id="delete-role-trigger"
-                variant="danger"
-                phx-click="open_delete_modal"
-                data-testid="role-delete"
-                aria-label={gettext("Delete role %{name}", name: @role.name)}
-              >
-                <.icon name="hero-trash" class="size-4" />
-                {gettext("Delete role")}
-              </.button>
-            </div>
-          </section>
-        <% end %>
+          <%!-- Danger zone: canonical pattern (same as member show) --%>
+          <%= if can?(@current_user, :destroy, Mv.Authorization.Role) and not @role.is_system_role do %>
+            <section class="mt-8 mb-6" aria-labelledby="danger-zone-heading">
+              <h2 id="danger-zone-heading" class="text-lg font-semibold mb-3 text-error">
+                {gettext("Danger zone")}
+              </h2>
+              <div class="border border-base-300 rounded-lg p-4 bg-base-100">
+                <p class="text-base-content/70 mb-4">
+                  {gettext(
+                    "Deleting this role cannot be undone. Users assigned to this role must be reassigned first."
+                  )}
+                </p>
+                <.button
+                  id="delete-role-trigger"
+                  variant="danger"
+                  phx-click="open_delete_modal"
+                  data-testid="role-delete"
+                  aria-label={gettext("Delete role %{name}", name: @role.name)}
+                >
+                  <.icon name="hero-trash" class="size-4" />
+                  {gettext("Delete role")}
+                </.button>
+              </div>
+            </section>
+          <% end %>
+        </div>
 
         <%!-- Delete Role Confirmation Modal (WCAG: focus moves into modal, keyboard confirm/cancel) --%>
         <%= if assigns[:show_delete_modal] do %>