From 50a86577188b4cc936938c1daba79218239ec777 Mon Sep 17 00:00:00 2001
From: Moritz <moritz.m@local-it.org>
Date: Thu, 18 Dec 2025 14:17:03 +0100
Subject: [PATCH] Fix cycle action buttons layout and visibility

Arrange Paid/Suspended/Unpaid/Delete buttons side by side without wrapping.
Hide Suspend button when cycle is already suspended, matching behavior
of Paid and Unpaid buttons.
---
 .../live/member_live/show/membership_fees_component.ex    | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

diff --git a/lib/mv_web/live/member_live/show/membership_fees_component.ex b/lib/mv_web/live/member_live/show/membership_fees_component.ex
index 2ccac15..d5680c0 100644
--- a/lib/mv_web/live/member_live/show/membership_fees_component.ex
+++ b/lib/mv_web/live/member_live/show/membership_fees_component.ex
@@ -122,7 +122,7 @@ defmodule MvWeb.MemberLive.Show.MembershipFeesComponent do
             </:col>
 
             <:action :let={cycle}>
-              <div class="flex gap-1 flex-wrap">
+              <div class="flex gap-1">
                 <button
                   :if={cycle.status != :paid}
                   type="button"
@@ -137,15 +137,13 @@ defmodule MvWeb.MemberLive.Show.MembershipFeesComponent do
                   {gettext("Paid")}
                 </button>
                 <button
+                  :if={cycle.status != :suspended}
                   type="button"
                   phx-click="mark_cycle_status"
                   phx-value-cycle_id={cycle.id}
                   phx-value-status="suspended"
                   phx-target={@myself}
-                  class={[
-                    "btn btn-sm",
-                    if(cycle.status == :suspended, do: "btn-warning", else: "btn-outline btn-warning")
-                  ]}
+                  class="btn btn-sm btn-outline btn-warning"
                   title={gettext("Mark as suspended")}
                 >
                   <.icon name="hero-pause-circle" class="size-4" />