input Update

src/app/admin/panel-ok/panel-ok.component.html

-<div class="main-box-shadow col-12 p-2 mb-md-5" dir="rtl">
+<div class="main-box-shadow col-12 p-2 mb-md-3" dir="rtl">
   <div class="row">
     <div class="col-5">
       <div class="mb-3 row ">
@@ -11,14 +11,9 @@
         </div>
         <label class="col-2 col-form-label">تا تاریخ</label>
         <div class="col-4">
-          <input class="form-control "  type="text" #datepickerInput2>
-          <ng-persian-datepicker
-           [uiAutoPosition]=true
-            [dateFormat]="'jYYYY/jMM/jDD'"
-            [input]="datepickerInput2"
-            [uiTheme]="'black'"
-            [timeMeridian]="true"
-            [timeEnable]="false">
+          <input class="form-control " type="text" #datepickerInput2>
+          <ng-persian-datepicker [uiAutoPosition]=true [dateFormat]="'jYYYY/jMM/jDD'" [input]="datepickerInput2"
+            [uiTheme]="'black'" [timeMeridian]="true" [timeEnable]="false">
           </ng-persian-datepicker>
         </div>
       </div>
@@ -63,13 +58,14 @@
     </div>
     <div class="col-1">
       <button class="btn btn-primary" type="button"
-      (click)="srhDate(datepickerInput.value,datepickerInput2.value)">اعمال</button>
+        (click)="srhDate(datepickerInput.value,datepickerInput2.value)">اعمال</button>
     </div>
   </div>
 </div>
-
+<div class="row col-md-2">
+  <input class="form-control" type="search" #box (input)="vlaueChange(box.value)" placeholder="جستجو..." />
+</div>
 <div class="table-responsive">
-  <input class="form-control" type="search" #box (input)="vlaueChange(box.value)"  />
   <table class="table table-striped table-sm text-center" id="tableID">
     <thead>
       <tr>
@@ -87,30 +83,30 @@
     <tbody>
       <tr class="" *ngFor="let item of sicks;let i=index">
         <ng-container *ngIf="item.state==2">
-        <td>{{i+1}}</td>
-        <td>{{item.name}}</td>
-        <td>{{item.lastname}}</td>
-        <td>{{item.tel}}</td>
-        <td>
-          <ng-container [ngSwitch]="item.typeq">
-            <p *ngSwitchCase="'1'">ویزیت</p>
-            <p *ngSwitchCase="'2'">مشاور</p>
-            <p *ngSwitchCase="'3'">موارددیگر</p>
-          </ng-container>
-        </td>
-        <td>
-          <ng-container [ngSwitch]="item.locationq">
-            <p *ngSwitchCase="'1'">مطب 1</p>
-            <p *ngSwitchCase="'2'">مطب 2</p>
-            <p *ngSwitchCase="'3'">مطب 3</p>
-          </ng-container>
-        </td>
-        <td dir="rtl">{{item.date}}</td>
-        <td>
-          {{item.dateq}}
-        </td>
-        <td><button type="button" class="btn btn-info" (click)="chengeState(item.id)">انجام شده </button></td>
-      </ng-container>
+          <td>{{i+1}}</td>
+          <td>{{item.name}}</td>
+          <td>{{item.lastname}}</td>
+          <td>{{item.tel}}</td>
+          <td>
+            <ng-container [ngSwitch]="item.typeq">
+              <p *ngSwitchCase="'1'">ویزیت</p>
+              <p *ngSwitchCase="'2'">مشاور</p>
+              <p *ngSwitchCase="'3'">موارددیگر</p>
+            </ng-container>
+          </td>
+          <td>
+            <ng-container [ngSwitch]="item.locationq">
+              <p *ngSwitchCase="'1'">مطب 1</p>
+              <p *ngSwitchCase="'2'">مطب 2</p>
+              <p *ngSwitchCase="'3'">مطب 3</p>
+            </ng-container>
+          </td>
+          <td dir="rtl">{{item.date}}</td>
+          <td>
+            {{item.dateq}}
+          </td>
+          <td><button type="button" class="btn btn-info" (click)="chengeState(item.id)">انجام شده </button></td>
+        </ng-container>
       </tr>
     </tbody>