fix: nodeAuth card full width layout

Author: ddddeadispose

views/settings.ejs

@@ -311,21 +311,23 @@
     
     <!-- Row 2: Node Auth API -->
     <div class="row" style="margin-top: 1rem;">
-        <div class="col-6">
+        <div class="col-12">
             <div class="card">
                 <div class="card-header">
                     <h2><%= t('settings.nodeAuth') || 'Node Auth API' %></h2>
                 </div>
-                <div class="card-body">
-                    <form method="POST" action="/panel/settings">
-                        <label class="checkbox-label" style="margin-bottom: 0.75rem;">
-                            <input type="checkbox" name="nodeAuth.insecure" 
+                <div class="card-body" style="display: flex; align-items: center; justify-content: space-between; gap: 1rem;">
+                    <div>
+                        <label class="checkbox-label" style="margin-bottom: 0.5rem;">
+                            <input type="checkbox" name="nodeAuth.insecure" form="nodeAuthForm"
                                    <%= settings?.nodeAuth?.insecure !== false ? 'checked' : '' %>>
                             <span><%= t('settings.nodeAuthInsecure') || 'Allow self-signed certificates' %></span>
                         </label>
-                        <p class="hint" style="margin-top: 0.5rem; margin-bottom: 1rem;">
+                        <p class="hint" style="margin: 0;">
                             <%= t('settings.nodeAuthInsecureHint') || 'Enable if panel uses HTTP or self-signed SSL. Nodes will accept any certificate when connecting to auth API. Disable for production with valid SSL.' %>
                         </p>
+                    </div>
+                    <form method="POST" action="/panel/settings" id="nodeAuthForm">
                         <button type="submit" class="btn btn-primary"><%= t('common.save') || 'Save' %></button>
                     </form>
                 </div>