доработка компоненты вывода клиентов: вывел поиск по жк

app/Modules/Main/Views/clients/livewire/search/input.blade.php

@@ -16,20 +16,22 @@
     <input wire:model.live="filter.search" class="flex-fill col-12 col-md-auto form-control form-control-lg" type="text"
         placeholder="Поиск по имени, телефону, электронной почте">
     <!-- Выбор ЖК-->
-    <div class="btn-group bg-light d-flex rounded-4">
-        <button type="button" class="btn bg-light text-primary border overflow-hidden w-100 rounded-start-3 pe-0"
+    <div class="btn-group bg-light d-flex rounded-4 ">
+        <button type="button" class="p-0 btn bg-light text-primary border overflow-hidden w-100 rounded-start-3 pe-0"
             style="mask-image: linear-gradient(to right, black, black 90%, transparent);">
-            <div class="m-2 text-truncate">
+            <div class="mx-1 text-truncate fs-5">
                 @if(array_key_exists('complexes', $filter))
                     <div class="">
                         <span class="text-truncate">{{ $filter['complexes'][0]['name'] }}</span>
                         @if(count($filter['complexes']) > 1) 
-                            + {{ count($filter['complexes']) - 1 }}
+                            <span>
+                            + <span class="d-inline-block bg-secondary rounded-circle" style="width:1.7rem;height:1.7rem">{{ count($filter['complexes']) - 1 }}</span>
+                            </span>
                         @endif
                     </div>
                     
                 @else
-                    <div class="m-2">Выберите жилой комплекс</div>
+                    <div class="m-2">ЖК</div>
                 @endif
             </div>
         </button>