diff --git a/includes/footer_settings.php b/includes/footer_settings.php
index afada07..ff33720 100644
--- a/includes/footer_settings.php
+++ b/includes/footer_settings.php
@@ -98,11 +98,16 @@
                                     <h6 class="mb-1 fw-bold"><?= h(tr('إعدادات واتساب Wablas', 'Wablas WhatsApp Settings')) ?></h6>
                                     <div class="form-text mb-0"><?= h(tr('المتغيرات المتاحة داخل القوالب: {customer_name}, {order_id}, {status_label}, {total_amount}, {customer_address}, {items_summary}', 'Available template placeholders: {customer_name}, {order_id}, {status_label}, {total_amount}, {customer_address}, {items_summary}')) ?></div>
                                 </div>
-                                <div class="form-check form-switch fs-6 m-0">
-                                    <input type="hidden" name="wablas_enabled" value="0">
-                                    <input class="form-check-input" type="checkbox" role="switch" id="wablasEnabledSwitch" name="wablas_enabled" value="1" <?= wablas_is_enabled() ? 'checked' : '' ?>>
-                                    <label class="form-check-label fw-semibold" for="wablasEnabledSwitch"><?= h(tr('تفعيل الإرسال التلقائي', 'Enable automatic sending')) ?></label>
-                                    <div class="form-text"><?= h(tr('عند الإيقاف لن تُرسل رسائل واتساب تلقائياً من الطلبات أو تغييرات الحالة.', 'When disabled, order and status-change WhatsApp messages will not be sent automatically.')) ?></div>
+                                <div class="d-flex flex-column align-items-stretch align-items-lg-end gap-2">
+                                    <div class="form-check form-switch fs-6 m-0">
+                                        <input type="hidden" name="wablas_enabled" value="0">
+                                        <input class="form-check-input" type="checkbox" role="switch" id="wablasEnabledSwitch" name="wablas_enabled" value="1" <?= wablas_is_enabled() ? 'checked' : '' ?>>
+                                        <label class="form-check-label fw-semibold" for="wablasEnabledSwitch"><?= h(tr('تفعيل الإرسال التلقائي', 'Enable automatic sending')) ?></label>
+                                        <div class="form-text"><?= h(tr('عند الإيقاف لن تُرسل رسائل واتساب تلقائياً من الطلبات أو تغييرات الحالة.', 'When disabled, order and status-change WhatsApp messages will not be sent automatically.')) ?></div>
+                                    </div>
+                                    <button type="submit" class="btn btn-primary">
+                                        <i class="bi bi-save me-1"></i><?= h(tr('حفظ إعدادات واتساب', 'Save WhatsApp Settings')) ?>
+                                    </button>
                                 </div>
                             </div>
                         </div>
@@ -162,26 +167,29 @@
                                             <p class="text-muted small mb-0"><?= h(tr('اترك أي حقل فارغاً وسيستخدم النظام القالب الافتراضي له تلقائياً.', 'Leave any field empty and the app will automatically use its built-in default template.')) ?></p>
                                         </div>
                                     </div>
-                                    <div class="row g-3">
-                                        <div class="col-12">
-                                            <label class="form-label"><?= h(tr('قالب رسالة إنشاء الطلب', 'Order Created Template')) ?></label>
-                                            <textarea class="form-control" name="wablas_template_created" rows="4"><?= h(get_setting('wablas_template_created', wablas_default_order_template('created'))) ?></textarea>
-                                        </div>
-                                        <div class="col-md-6">
-                                            <label class="form-label"><?= h(tr('قالب قيد الانتظار', 'Pending Template')) ?></label>
-                                            <textarea class="form-control" name="wablas_template_pending" rows="4"><?= h(get_setting('wablas_template_pending', wablas_default_order_template('pending'))) ?></textarea>
-                                        </div>
-                                        <div class="col-md-6">
-                                            <label class="form-label"><?= h(tr('قالب مقبول', 'Accepted Template')) ?></label>
-                                            <textarea class="form-control" name="wablas_template_accepted" rows="4"><?= h(get_setting('wablas_template_accepted', wablas_default_order_template('accepted'))) ?></textarea>
-                                        </div>
-                                        <div class="col-md-6">
-                                            <label class="form-label"><?= h(tr('قالب مكتمل', 'Completed Template')) ?></label>
-                                            <textarea class="form-control" name="wablas_template_completed" rows="4"><?= h(get_setting('wablas_template_completed', wablas_default_order_template('completed'))) ?></textarea>
-                                        </div>
-                                        <div class="col-md-6">
-                                            <label class="form-label"><?= h(tr('قالب مرفوض', 'Rejected Template')) ?></label>
-                                            <textarea class="form-control" name="wablas_template_rejected" rows="4"><?= h(get_setting('wablas_template_rejected', wablas_default_order_template('rejected'))) ?></textarea>
+                                    <div class="small text-muted mb-3"><?= h(tr('مرر داخل هذا الصندوق لرؤية كل القوالب.', 'Scroll inside this box to view all templates.')) ?></div>
+                                    <div class="border rounded-3 p-2 p-md-3 bg-light-subtle" style="max-height: 48vh; overflow-y: auto; overscroll-behavior: contain;">
+                                        <div class="row g-3">
+                                            <div class="col-12">
+                                                <label class="form-label"><?= h(tr('قالب رسالة إنشاء الطلب', 'Order Created Template')) ?></label>
+                                                <textarea class="form-control" name="wablas_template_created" rows="4"><?= h(get_setting('wablas_template_created', wablas_default_order_template('created'))) ?></textarea>
+                                            </div>
+                                            <div class="col-md-6">
+                                                <label class="form-label"><?= h(tr('قالب قيد الانتظار', 'Pending Template')) ?></label>
+                                                <textarea class="form-control" name="wablas_template_pending" rows="4"><?= h(get_setting('wablas_template_pending', wablas_default_order_template('pending'))) ?></textarea>
+                                            </div>
+                                            <div class="col-md-6">
+                                                <label class="form-label"><?= h(tr('قالب مقبول', 'Accepted Template')) ?></label>
+                                                <textarea class="form-control" name="wablas_template_accepted" rows="4"><?= h(get_setting('wablas_template_accepted', wablas_default_order_template('accepted'))) ?></textarea>
+                                            </div>
+                                            <div class="col-md-6">
+                                                <label class="form-label"><?= h(tr('قالب مكتمل', 'Completed Template')) ?></label>
+                                                <textarea class="form-control" name="wablas_template_completed" rows="4"><?= h(get_setting('wablas_template_completed', wablas_default_order_template('completed'))) ?></textarea>
+                                            </div>
+                                            <div class="col-md-6">
+                                                <label class="form-label"><?= h(tr('قالب مرفوض', 'Rejected Template')) ?></label>
+                                                <textarea class="form-control" name="wablas_template_rejected" rows="4"><?= h(get_setting('wablas_template_rejected', wablas_default_order_template('rejected'))) ?></textarea>
+                                            </div>
                                         </div>
                                     </div>
                                 </div>
@@ -189,7 +197,7 @@
                         </div>
 
                         <div class="col-12">
-                            <div class="position-sticky bottom-0 bg-white border-top rounded-3 px-3 py-3 d-flex justify-content-end gap-2" style="z-index: 2;">
+                            <div class="border rounded-4 bg-white shadow-sm px-3 py-3 d-flex flex-column flex-sm-row justify-content-sm-end gap-2 mt-1">
                                 <button type="button" class="btn btn-secondary" data-bs-dismiss="modal"><?= h(tr('إلغاء', 'Cancel')) ?></button>
                                 <button type="submit" class="btn btn-primary"><?= h(tr('حفظ التغييرات', 'Save Changes')) ?></button>
                             </div>