From 159ef61e8eaaa87df0e616605c87a4634f6e6f26 Mon Sep 17 00:00:00 2001
From: Benjamin Nussbaum <bnussbau@users.noreply.github.com>
Date: Sat, 26 Apr 2025 12:32:36 +0200
Subject: [PATCH] fix: wrong text-alignment in remove plugin from playlist
 modal

fix: make clear active days/times are optional
---
 .../views/livewire/devices/configure.blade.php     | 14 +++++++-------
 resources/views/livewire/playlists/index.blade.php |  8 ++++----
 resources/views/livewire/plugins/recipe.blade.php  |  6 +++---
 3 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/resources/views/livewire/devices/configure.blade.php b/resources/views/livewire/devices/configure.blade.php
index fc2f51e..e2cefe4 100644
--- a/resources/views/livewire/devices/configure.blade.php
+++ b/resources/views/livewire/devices/configure.blade.php
@@ -326,7 +326,7 @@ new class extends Component {
                             </div>
 
                             <div class="mb-4">
-                                <flux:checkbox.group wire:model="selected_weekdays" label="Active Days">
+                                <flux:checkbox.group wire:model="selected_weekdays" label="Active Days (optional)">
                                     <flux:checkbox label="Monday" value="1"/>
                                     <flux:checkbox label="Tuesday" value="2"/>
                                     <flux:checkbox label="Wednesday" value="3"/>
@@ -338,11 +338,11 @@ new class extends Component {
                             </div>
 
                             <div class="mb-4">
-                                <flux:input type="time" label="Active From" wire:model="active_from"/>
+                                <flux:input type="time" label="Active From (optional)" wire:model="active_from"/>
                             </div>
 
                             <div class="mb-4">
-                                <flux:input type="time" label="Active Until" wire:model="active_until"/>
+                                <flux:input type="time" label="Active Until (optional)" wire:model="active_until"/>
                             </div>
 
                             <div class="mb-4">
@@ -399,7 +399,7 @@ new class extends Component {
                                     </div>
 
                                     <div class="mb-4">
-                                        <flux:checkbox.group wire:model="selected_weekdays" label="Active Days">
+                                        <flux:checkbox.group wire:model="selected_weekdays" label="Active Days (optional)">
                                             <flux:checkbox label="Monday" value="1"/>
                                             <flux:checkbox label="Tuesday" value="2"/>
                                             <flux:checkbox label="Wednesday" value="3"/>
@@ -411,11 +411,11 @@ new class extends Component {
                                     </div>
 
                                     <div class="mb-4">
-                                        <flux:input type="time" label="Active From" wire:model="active_from"/>
+                                        <flux:input type="time" label="Active From (optional)" wire:model="active_from"/>
                                     </div>
 
                                     <div class="mb-4">
-                                        <flux:input type="time" label="Active Until" wire:model="active_until"/>
+                                        <flux:input type="time" label="Active Until (optional)" wire:model="active_until"/>
                                     </div>
 
                                     <div class="mb-4">
@@ -473,7 +473,7 @@ new class extends Component {
                                                      wire:click="togglePlaylistItemActive({{ $item->id }})"
                                                      :checked="$item->is_active"/>
                                     </td>
-                                    <td class="py-3 px-3 first:pl-0 last:pr-0 text-sm whitespace-nowrap text-right">
+                                    <td class="py-3 px-3 first:pl-0 last:pr-0 text-sm whitespace-nowrap">
                                         <div class="flex justify-end gap-2">
                                             @if(!$loop->first)
                                                 <flux:button wire:click="movePlaylistItemUp({{ $item->id }})"
diff --git a/resources/views/livewire/playlists/index.blade.php b/resources/views/livewire/playlists/index.blade.php
index d57757c..5f5e641 100644
--- a/resources/views/livewire/playlists/index.blade.php
+++ b/resources/views/livewire/playlists/index.blade.php
@@ -202,7 +202,7 @@ new class extends Component {
                                                                      wire:click="togglePlaylistItemActive({{ $item->id }})"
                                                                      :checked="$item->is_active"/>
                                                     </td>
-                                                    <td class="py-3 px-3 first:pl-0 last:pr-0 text-sm whitespace-nowrap text-right">
+                                                    <td class="py-3 px-3 first:pl-0 last:pr-0 text-sm whitespace-nowrap">
                                                         <div class="flex items-center justify-end gap-2">
                                                             @if($playlist->items->count() > 1)
                                                                 @if(!$loop->first)
@@ -250,7 +250,7 @@ new class extends Component {
                                             </div>
 
                                             <div class="mb-4">
-                                                <flux:checkbox.group wire:model="selected_weekdays" label="Active Days">
+                                                <flux:checkbox.group wire:model="selected_weekdays" label="Active Days (optional)">
                                                     <flux:checkbox label="Monday" value="1"/>
                                                     <flux:checkbox label="Tuesday" value="2"/>
                                                     <flux:checkbox label="Wednesday" value="3"/>
@@ -262,11 +262,11 @@ new class extends Component {
                                             </div>
 
                                             <div class="mb-4">
-                                                <flux:input type="time" label="Active From" wire:model="active_from"/>
+                                                <flux:input type="time" label="Active From (optional)" wire:model="active_from"/>
                                             </div>
 
                                             <div class="mb-4">
-                                                <flux:input type="time" label="Active Until" wire:model="active_until"/>
+                                                <flux:input type="time" label="Active Until (optional)" wire:model="active_until"/>
                                             </div>
 
                                             <div class="mb-4">
diff --git a/resources/views/livewire/plugins/recipe.blade.php b/resources/views/livewire/plugins/recipe.blade.php
index 489336f..5d0c2d0 100644
--- a/resources/views/livewire/plugins/recipe.blade.php
+++ b/resources/views/livewire/plugins/recipe.blade.php
@@ -253,7 +253,7 @@ HTML;
                             </div>
 
                             <div class="mb-4">
-                                <flux:checkbox.group wire:model="selected_weekdays" label="Active Days">
+                                <flux:checkbox.group wire:model="selected_weekdays" label="Active Days (optional)">
                                     <flux:checkbox label="Monday" value="1"/>
                                     <flux:checkbox label="Tuesday" value="2"/>
                                     <flux:checkbox label="Wednesday" value="3"/>
@@ -265,11 +265,11 @@ HTML;
                             </div>
 
                             <div class="mb-4">
-                                <flux:input type="time" label="Active From" wire:model="active_from"/>
+                                <flux:input type="time" label="Active From (optional)" wire:model="active_from"/>
                             </div>
 
                             <div class="mb-4">
-                                <flux:input type="time" label="Active Until" wire:model="active_until"/>
+                                <flux:input type="time" label="Active Until (optional)" wire:model="active_until"/>
                             </div>
                         @endif
                     @endif