Bill matrix v2

public/css/style.css

@@ -274,6 +274,9 @@ body>nav.navbar {
 .mcp-theme-1 .width-30px {
     width: 30px !important;
 }
+.mcp-theme-1 .width-40px {
+    width: 40px !important;
+}
 .mcp-theme-1 .width-50px {
     width: 50px !important;
 }
@@ -1467,3 +1470,15 @@ canvas.pdf-viewer-page.pdf-preview-page {
 .bg-aliceblue {
     background: aliceblue !important;
 }
+.filter-head input[type="date"]::-webkit-calendar-picker-indicator {
+    display: none;
+    -webkit-appearance: none;
+}
+.filter-head input[type="number"]::-webkit-inner-spin-button {
+    display: none;
+    -webkit-appearance: none;
+}
+.filter-head input[type="date"] {
+    padding: 0;
+    min-width: 90px;
+}

resources/views/app/practice-management/bill-matrix.blade.php

@@ -30,7 +30,7 @@
                     <th class="border-bottom-0 border-top-0">Cancellation</th>
                     <th class="border-bottom-0 border-top-0 border-right-0">Payment</th>
                 </tr>
-                <tr>
+                <tr class="filter-head">
                     <th class="p-0 border-bottom-0 border-right border-left-0"></th> <!-- date -->
                     <th class="p-0 border-bottom-0 border-right"> <!-- client -->
                         <select class="form-control form-control-sm bg-aliceblue min-width-unset rounded-0 shadow-none border-0"
@@ -70,9 +70,9 @@
                     </th> <!-- HCP -->
                     <th class="p-0 border-bottom-0 border-right"> <!-- expected -->
                         <div class="d-flex align-items-center">
-                            <select class="form-control form-control-sm bg-aliceblue min-width-unset rounded-0 shadow-none border-left-0 border-top-0 border-bottom-0 border-right width-70px"
+                            <select class="form-control form-control-sm bg-aliceblue min-width-unset rounded-0 shadow-none border-left-0 border-top-0 border-bottom-0 border-right width-40px p-0"
                                     data-filter="expected_op">
-                                <option value="">Op</option>
+                                <option value=""></option>
                                 <option value="<=" {{$filters['expected_op'] == '<=' ? 'selected' : ''}}>&lt;=</option>
                                 <option value=">=" {{$filters['expected_op'] == '>=' ? 'selected' : ''}}>&gt;=</option>
                                 <option value="=" {{$filters['expected_op'] == '=' ? 'selected' : ''}}>=</option>
@@ -81,12 +81,12 @@
                                    data-filter="expected_value"
                                    value="{{$filters['expected_value']}}" placeholder="Amount">
                         </div>
-                    </th>
+                    </th> <!-- Expected -->
                     <th class="p-0 border-bottom-0 border-right"> <!-- paid -->
                         <div class="d-flex align-items-center">
-                            <select class="form-control form-control-sm bg-aliceblue min-width-unset rounded-0 shadow-none border-left-0 border-top-0 border-bottom-0 border-right width-70px"
+                            <select class="form-control form-control-sm bg-aliceblue min-width-unset rounded-0 shadow-none border-left-0 border-top-0 border-bottom-0 border-right width-40px p-0"
                                     data-filter="paid_op">
-                                <option value="">Op</option>
+                                <option value=""></option>
                                 <option value="<=" {{$filters['paid_op'] == '<=' ? 'selected' : ''}}>&lt;=</option>
                                 <option value=">=" {{$filters['paid_op'] == '>=' ? 'selected' : ''}}>&gt;=</option>
                                 <option value="=" {{$filters['paid_op'] == '=' ? 'selected' : ''}}>=</option>
@@ -95,7 +95,7 @@
                                    data-filter="paid_value"
                                    value="{{$filters['paid_value']}}" placeholder="Amount">
                         </div>
-                    </th>
+                    </th> <!-- Paid -->
                     <th class="p-0 border-bottom-0 border-right"> <!-- hcp signed -->
                         <select class="form-control form-control-sm bg-aliceblue min-width-unset rounded-0 shadow-none border-0"
                                 data-filter="hcp_sign">
@@ -106,9 +106,9 @@
                     </th> <!-- Sign -->
                     <th class="p-0 border-bottom-0 border-right">
                         <div class="d-flex align-items-center">
-                            <select class="form-control form-control-sm bg-aliceblue min-width-unset rounded-0 shadow-none border-left-0 border-top-0 border-bottom-0 border-right width-70px"
+                            <select class="form-control form-control-sm bg-aliceblue min-width-unset rounded-0 shadow-none border-left-0 border-top-0 border-bottom-0 border-right width-40px p-0"
                                     data-filter="bal_post_date_op">
-                                <option value="">Op</option>
+                                <option value=""></option>
                                 <option value="<=" {{$filters['bal_post_date_op'] == '<=' ? 'selected' : ''}}>&lt;=</option>
                                 <option value=">=" {{$filters['bal_post_date_op'] == '>=' ? 'selected' : ''}}>&gt;=</option>
                                 <option value="=" {{$filters['bal_post_date_op'] == '=' ? 'selected' : ''}}>=</option>