dd

src/app/dashboard/create-report/add-new-report/add-new-report.component.css

@@ -129,4 +129,17 @@
 
 .checkReport {
     display: block;
+}
+
+.searchEmp {
+    width: 85%;
+    float: right;
+}
+
+@media(max-width: 767px) {
+
+    .searchEmp {
+        width: 100%;
+        float: right;
+    }
 }

src/app/dashboard/create-report/add-new-report/add-new-report.component.html

@@ -15,21 +15,21 @@
       <form (ngSubmit)="onSubmitted()" #f="ngForm">
 
         <div class="row">
+          
+          <div class="col-12 col-md-6" *ngIf="departmentUserLoginId == 6">
+            <div class="form-group">
+              <input type="checkbox" class="form-check-input checkReport" name="report" id="report" [(ngModel)]="reportVal" value="report">
+              <label class="form-check-label" for="report" style="margin: 0 20px; float: right;">إنشاء بلاغ ع الغير</label>
+            </div>
+          </div>
 
-          <div class="col-12" *ngIf="departmentUserLoginId == 6">
+          <div class="col-12" *ngIf="reportVal">
             <h2 class="title">بيانات صاحب البلاغ</h2>
             <div class="row">
               <div class="col-12">
                 <div class="wrapper">
-                  <div class="col-12 col-md-6">
-                    <div class="form-group">
-                      <input type="checkbox" class="form-check-input checkReport" name="report" id="report" [(ngModel)]="reportVal" value="report">
-                      <label class="form-check-label" for="report" style="margin: 0 20px; float: right;">إنشاء بلاغ ع الغير</label>
-                    </div>
-                  </div>
-
-                  <div class="col-12 col-md-6">
-                    <input type="text" class="form-control" placeholder="البحث ( برقم الهويه / الرقم الوظيفي )" style="width:85%; float:right" appOnlyNumber [(ngModel)]="search" [ngModelOptions]="{standalone: true}"/>
+                  <div class="col-12">
+                    <input type="text" class="form-control searchEmp" placeholder="البحث ( برقم الهويه / الرقم الوظيفي )" style="width:85%; float:right" appOnlyNumber [(ngModel)]="search" [ngModelOptions]="{standalone: true}"/>
                     <button class="btn btn-success" type="button" style="float:right; margin:0 2px;" (click)="getValue()">أبحث</button>
                   </div>
 

src/app/dashboard/create-report/add-new-report/add-new-report.component.ts

@@ -39,6 +39,7 @@ export class AddNewReportComponent implements OnInit {
     serviceId: number;
     userId: number;
     search: any;
+    reportVal:boolean = false;
 
     reportAuthor = {
       name: '',