From 525072c733868f0cc88195e7accaf890056fb9e6 Mon Sep 17 00:00:00 2001
From: Andras Bacsai <5845193+andrasbacsai@users.noreply.github.com>
Date: Fri, 16 May 2025 12:41:34 +0200
Subject: [PATCH] Enhance server patching UI in patches.blade.php

- Update layout to improve user experience with a more structured design.
- Add experimental label and helper text for clarity on package manager support.
- Change button text to "Check Now" for better action indication.
- Introduce automatic server update messaging.
---
 .../livewire/server/security/patches.blade.php    | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/resources/views/livewire/server/security/patches.blade.php b/resources/views/livewire/server/security/patches.blade.php
index d2059f14c..7dc2748fc 100644
--- a/resources/views/livewire/server/security/patches.blade.php
+++ b/resources/views/livewire/server/security/patches.blade.php
@@ -14,15 +14,16 @@
         <x-server.sidebar-security :server="$server" :parameters="$parameters" />
         <form wire:submit='submit' class="w-full">
             <div>
-                <div class="flex items-center gap-2">
+                <div class="flex items-center gap-2 flex-row">
                     <h2>Server Patching</h2>
-                    <x-forms.button type="button" wire:click="$dispatch('checkForUpdatesDispatch')">Manually
-                        Check</x-forms.button>
-                </div>
-                <div>Check if your server has updates available.</div>
-                <div class="text-xs pt-1">(only available for apt, dnf and zypper package managers atm, more coming
-                    soon as well as more features...)
+                    <span class="text-xs text-neutral-500">(experimental)</span>
+                    <x-helper
+                        helper="Only available for apt, dnf and zypper package managers atm, more coming
+            soon. <br/> Also scheduled patching and notifications are coming soon..." />
+                    <x-forms.button type="button" wire:click="$dispatch('checkForUpdatesDispatch')">
+                        Check Now</x-forms.button>
                 </div>
+                <div>Update your servers automatically.</div>
                 <div>
                     <div class="flex flex-col gap-6 pt-4">
                         <div class="flex flex-col">