From 3adc50618d49a57db63f28527b6210fa159f83c1 Mon Sep 17 00:00:00 2001
From: Jacek Pyziak <jacek.pyziak@project-pro.pl>
Date: Tue, 10 Feb 2026 09:21:29 +0100
Subject: [PATCH] feat: Update task popup styles and integrate Bootstrap 5
 theme for client selection

---
 templates/tasks/task_popup.php | 34 ++++++++++++++++++++++++++++++++++
 1 file changed, 34 insertions(+)

diff --git a/templates/tasks/task_popup.php b/templates/tasks/task_popup.php
index 4f65e96..274172f 100644
--- a/templates/tasks/task_popup.php
+++ b/templates/tasks/task_popup.php
@@ -169,6 +169,39 @@
     </div>
   </div>
 </div>
+<style type="text/css">
+  .task_popup .task_details .content .right .client .select2-container {
+    width: 100% !important;
+  }
+
+  .task_popup .task_details .content .right .client .select2-container--bootstrap-5 .select2-selection {
+    min-height: 35px;
+    border: 1px solid #cdcdcd;
+    border-radius: 0;
+    box-shadow: none;
+    padding: 5px 30px 5px 5px;
+    display: flex;
+    align-items: center;
+  }
+
+  .task_popup .task_details .content .right .client .select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered {
+    color: #4e5e6a;
+    padding-left: 0;
+    padding-right: 0;
+    line-height: 1.2;
+  }
+
+  .task_popup .task_details .content .right .client .select2-container--bootstrap-5 .select2-selection--single .select2-selection__arrow {
+    right: 8px;
+    top: 50%;
+    transform: translateY(-50%);
+  }
+
+  .task_popup .task_details .content .right .client .select2-container--bootstrap-5.select2-container--focus .select2-selection,
+  .task_popup .task_details .content .right .client .select2-container--bootstrap-5.select2-container--open .select2-selection {
+    border-color: #6690f4;
+  }
+</style>
 <script type="text/javascript">
   ( function() {
     var popup = $( '.task_details[task_id="<?= $this -> task['id'];?>"]' );
@@ -179,6 +212,7 @@
     {
       var client_select = popup.find( '.task_client_select' );
       client_select.select2({
+        theme: 'bootstrap-5',
         width: '100%',
         placeholder: 'Wybierz klienta',
         dropdownParent: popup