diff --git a/src/app/plan-audit/plan-record/plan-record.component.html b/src/app/plan-audit/plan-record/plan-record.component.html
index fc2e937..aa00f20 100644
--- a/src/app/plan-audit/plan-record/plan-record.component.html
+++ b/src/app/plan-audit/plan-record/plan-record.component.html
@@ -75,35 +75,11 @@
             </mat-select>
           </mat-form-field>
           <button mat-raised-button color="primary" type="submit">查询</button>
-          <button mat-raised-button color="primary" (click)='record()'><img src="../../../assets/images/refresh.png">
-            重置</button>
+          <button mat-raised-button color="primary" (click)='record()'>重置</button>
         </div>
       </form>
-
-      <!-- <div class="tablediv">
-                <table  cellspacing="0" cellpadding="0">
-                    <thead>
-                        <th style="width: 15%;">类型</th>
-                        <th style="width: 15%;">操作</th>
-                        <th style="width: 15%;">所属组织</th>
-                        <th style="width: 15%;">审核状态</th>
-                        <th style="width: 15%;">提交人</th>
-                        <th style="width: 25%;">提交时间</th>
-                    </thead>
-                    <tbody>
-                        <tr *ngFor="let item of tableDate">
-                            <td>{{item.level}}</td>
-                            <td [ngClass]="{'green': item.option == '更新','red':item.option == '删除','blue':item.option == '新增'}">{{item.option}}</td>
-                            <td>{{item.orgication}}</td>
-                            <td [ngClass]="{'green': item.unitstate == '已通过','red':item.unitstate == '已拒绝'}">{{item.unitstate}}</td>
-                            <td>{{item.addname}}</td>
-                            <td>{{item.addtime}}</td>
-                        </tr>
-                    </tbody>
-                </table>
-            </div> -->
       <div class="tablediv">
-        <table cellspacing="0" cellpadding="0" style="margin-top: 10px;">
+        <table class="header" cellspacing="0" cellpadding="0" style="margin-top: 10px;">
           <thead>
             <th style="width: 10%;">状态</th>
             <th style="width: 10%;">类型</th>
@@ -145,6 +121,8 @@
               <td style="width: 15%;">{{item.createTime|date:'yyyy-MM-dd'}}</td>
             </tr>
           </table>
+          <mat-paginator [length]="count" [pageSize]="10" (page)="chagePage($event)">
+          </mat-paginator>
         </div>
 
 
diff --git a/src/app/plan-audit/plan-record/plan-record.component.scss b/src/app/plan-audit/plan-record/plan-record.component.scss
index 09ca473..01a03e6 100644
--- a/src/app/plan-audit/plan-record/plan-record.component.scss
+++ b/src/app/plan-audit/plan-record/plan-record.component.scss
@@ -12,6 +12,7 @@
     flex-direction: column;
 
     .lefthead {
+      height: 100%;
       display: flex;
       flex-direction: column;
 
@@ -51,7 +52,7 @@
 
         input {
           @media screen and (min-device-width:1400px) {
-            margin-left:40px;
+            margin-left: 40px;
 
           }
 
@@ -102,6 +103,7 @@
         display: flex;
         flex-direction: row;
         align-items: center;
+
         span {
           @media screen and (min-device-width:1200px) {
             font-size: 16px;
@@ -117,7 +119,7 @@
         input {
           @media screen and (min-device-width:1400px) {
             margin-left: 40px;
-          
+
           }
 
           @media screen and (max-device-width:1200px) {
@@ -126,7 +128,7 @@
 
           @media screen and (max-device-width:1400px) and (min-device-width:1200px) {
             margin-left: 0;
-          
+
           }
 
           position: relative;
@@ -202,9 +204,9 @@
         button {
           @media screen and (min-device-width:1400px) {
             margin-left: 40px;
-            font-size: 16px;
-            width: 80px;
-            height: 36px;
+            font-size: 14px;
+            width: 70px;
+            height: 32px;
           }
 
           @media screen and (max-device-width:1200px) {
@@ -238,37 +240,20 @@
 
     .tablediv {
       width: 100%;
-      height: 100%;
-      padding-bottom: 20px;
-
-      .tbodycss {
-
-        //overflow-y: auto;
-        @media screen and (min-device-width:1400px) {
-          overflow-y: auto;
-        }
-
-        height:550px;
-        width: 100%;
-
-        .selectedTr {
-          background-color: #b3d3ee;
-        }
-      }
-
-      table {
-        //margin: 20px 20px;
+      flex: 1;
+      display: flex;
+      flex-direction: column;
+      overflow: hidden;
+      .header {
         margin-left: 10px;
         margin-right: 10px;
         width: 97.5%;
 
-        //border: 1px solid #2196F3;
         thead {
           height: 48px;
           color: #FFFFFF;
           background-color: #2196F3;
 
-          //font-size: 16px;
           th {
             font-weight: 10;
 
@@ -287,6 +272,16 @@
           background: #FAFAFA;
         }
       }
+
+      .tbodycss {
+        flex: 1;
+        width: 100%;
+        overflow-y: auto;
+
+        .selectedTr {
+          background-color: #b3d3ee;
+        }
+      }
     }
   }
 
diff --git a/src/app/plan-audit/plan-record/plan-record.component.ts b/src/app/plan-audit/plan-record/plan-record.component.ts
index 50b4363..c40b305 100644
--- a/src/app/plan-audit/plan-record/plan-record.component.ts
+++ b/src/app/plan-audit/plan-record/plan-record.component.ts
@@ -94,6 +94,7 @@ export class PlanRecordComponent implements OnInit {
   IsNewData = [true, false];
 
   //获取表格数据
+  PageNumber = 1;
   getAlltabledate() {
     let paramsdata: any = {
       Operation: this.level || [],
@@ -104,6 +105,8 @@ export class PlanRecordComponent implements OnInit {
       QueryEndTime: this.endtime || "",
       PlanType: this.plantypes || [],
       IsNewData: this.IsNewData,
+      PageNumber: this.PageNumber,
+      PageSize: 10,
     };
     this.http
       .get("/api/ContentVerifies", { params: paramsdata })
@@ -116,6 +119,7 @@ export class PlanRecordComponent implements OnInit {
   //提交查询
   onSubmit(value) {
     //console.log(value)
+    this.PageNumber = 1;
     this.getAlltabledate();
   }
   //刷新
@@ -128,6 +132,14 @@ export class PlanRecordComponent implements OnInit {
     let level = sessionStorage.getItem("level");
     this.PlanLevel = "";
     this.plantypes = [];
+    this.PageNumber = 1;
+    this.getAlltabledate();
+  }
+
+  //分页事件
+  chagePage(e) {
+    console.log(e);
+    this.PageNumber = e.pageIndex + 1;
     this.getAlltabledate();
   }
   //表格点击事件
diff --git a/src/app/plan-audit/wait-examineer/wait-examineer.component.html b/src/app/plan-audit/wait-examineer/wait-examineer.component.html
index 3e3d469..1353f56 100644
--- a/src/app/plan-audit/wait-examineer/wait-examineer.component.html
+++ b/src/app/plan-audit/wait-examineer/wait-examineer.component.html
@@ -15,56 +15,56 @@
         <div class="headthree">
           <div class="headthreeone">
             <span>类型：</span>
-          <mat-form-field>
-            <mat-select placeholder='请选择单位类型' name="unittype" [(ngModel)]="projectlevel">
-              <mat-option value="1">Ⅰ级预案</mat-option>
-              <mat-option value="2">Ⅱ级预案</mat-option>
-              <mat-option value="3">Ⅲ级预案</mat-option>
-              <mat-option value="4">Ⅳ级预案</mat-option>
-              <mat-option value="5">Ⅴ级预案</mat-option>
-              <mat-option value="6">应急预案(国家级)</mat-option>
-              <mat-option value="7">应急预案(市级)</mat-option>
-              <mat-option value="8">类型预案</mat-option>
-              <mat-option value="11">重点单位</mat-option>
-              <mat-option value="12">消防水源</mat-option>
-              <mat-option value="13">消防力量</mat-option>
-              <mat-option value="14">联动力量</mat-option>
-            </mat-select>
-          </mat-form-field>
-          <span class="bzjb">编制级别：</span>
-          <mat-form-field>
-            <mat-select name="preparelevel" placeholder='请选择编制级别' [(ngModel)]="PlanLevel">
-              <mat-option *ngFor="let item of preparelevels" [value]="item.value">{{item.name}}</mat-option>
-            </mat-select>
-          </mat-form-field>
+            <mat-form-field>
+              <mat-select placeholder='请选择单位类型' name="unittype" [(ngModel)]="projectlevel">
+                <mat-option value="1">Ⅰ级预案</mat-option>
+                <mat-option value="2">Ⅱ级预案</mat-option>
+                <mat-option value="3">Ⅲ级预案</mat-option>
+                <mat-option value="4">Ⅳ级预案</mat-option>
+                <mat-option value="5">Ⅴ级预案</mat-option>
+                <mat-option value="6">应急预案(国家级)</mat-option>
+                <mat-option value="7">应急预案(市级)</mat-option>
+                <mat-option value="8">类型预案</mat-option>
+                <mat-option value="11">重点单位</mat-option>
+                <mat-option value="12">消防水源</mat-option>
+                <mat-option value="13">消防力量</mat-option>
+                <mat-option value="14">联动力量</mat-option>
+              </mat-select>
+            </mat-form-field>
+            <span class="bzjb">编制级别：</span>
+            <mat-form-field>
+              <mat-select name="preparelevel" placeholder='请选择编制级别' [(ngModel)]="PlanLevel">
+                <mat-option *ngFor="let item of preparelevels" [value]="item.value">{{item.name}}</mat-option>
+              </mat-select>
+            </mat-form-field>
           </div>
           <div class="headthreetwo">
-            <span >状态：</span>
-          <mat-form-field>
-            <mat-select placeholder='请选择状态' name="IsNewData" [(ngModel)]="IsNewData" [multiple]="true">
-              <mat-option value=true>新增</mat-option>
-              <mat-option value=false>维护更新</mat-option>
-            </mat-select>
-          </mat-form-field>
+            <span>状态：</span>
+            <mat-form-field>
+              <mat-select placeholder='请选择状态' name="IsNewData" [(ngModel)]="IsNewData" [multiple]="true">
+                <mat-option value=true>新增</mat-option>
+                <mat-option value=false>维护更新</mat-option>
+              </mat-select>
+            </mat-form-field>
             <span class="bzjb">预案类型：</span>
-          <mat-form-field>
-            <mat-select placeholder='请选择预案类型' name="unittype" [(ngModel)]="plantypes" [multiple]="true">
-              <mat-option value="1">二维预案</mat-option>
-              <mat-option value="2">三维预案</mat-option>
-              <mat-option value="4">其他预案</mat-option>
-              <mat-option value="16">文本预案</mat-option>
-            </mat-select>
-          </mat-form-field>
-          
-          <button mat-raised-button color="primary" type="submit" class="find">查询</button>
-          <button mat-raised-button color="primary" (click)='record()'><img src="../../../assets/images/refresh.png">
-            重置</button>
+            <mat-form-field>
+              <mat-select placeholder='请选择预案类型' name="unittype" [(ngModel)]="plantypes" [multiple]="true">
+                <mat-option value="1">二维预案</mat-option>
+                <mat-option value="2">三维预案</mat-option>
+                <mat-option value="4">其他预案</mat-option>
+                <mat-option value="16">文本预案</mat-option>
+              </mat-select>
+            </mat-form-field>
+
+            <button mat-raised-button color="primary" type="submit" class="find">查询</button>
+            <button mat-raised-button color="primary" (click)='record()'><img src="../../../assets/images/refresh.png">
+              重置</button>
           </div>
-          
+
         </div>
       </form>
 
-      
+
     </div>
     <div class="tablediv">
       <table cellspacing="0" cellpadding="0" style="margin-top: 10px;margin-bottom: 5px;">
@@ -84,12 +84,14 @@
         <table cellspacing="0" cellpadding="0" id="table">
           <tr [ngClass]="{'selectedTr': item.id == id}" *ngFor="let item of tableDate;let key = index"
             (click)='radioClick($event,item)'>
-            <td style="width: 10%;" [ngClass]="{'green': item.itemMaintenanceState == '0','yellow':item.itemMaintenanceState != '0'}">
+            <td style="width: 10%;"
+              [ngClass]="{'green': item.itemMaintenanceState == '0','yellow':item.itemMaintenanceState != '0'}">
               <mat-checkbox color="primary" (change)='radioClick($event,item)' style="float: left;margin-bottom:'2px'">
               </mat-checkbox>
-              {{item.itemMaintenanceState=='0'?'新增':'维护'}}</td>
+              {{item.itemMaintenanceState=='0'?'新增':'维护'}}
+            </td>
             <td style="width: 10%;">
-              
+
               {{item.contentType=='1'?'Ⅰ级预案':item.contentType=='2'?'Ⅱ级预案':item.contentType=='3'?'Ⅲ级预案':item.contentType=='4'?'Ⅳ级预案':item.contentType=='5'?
               'Ⅴ级预案':item.contentType=='6'?'应急预案（国家级）':item.contentType=='7'?'应急预案（市级）':item.contentType=='8'?'类型预案':item.contentType=='11'?'重点单位':item.contentType=='12'?'水源':item.contentType=='13'?'消防力量':item.contentType=='14'?'联动力量':'未知'}}
             </td>
@@ -139,16 +141,18 @@
       <div *ngIf="showtype == 3" id="firefacilities" style="margin: 10px;">
         <mat-accordion *ngIf="selectedItem.differentContent" class="tableContent" multi>
           <!-- 基本信息 -->
-          <mat-expansion-panel  *ngIf="this.differentContentOfUnitInfo && this.differentContentOfUnitInfo.length != 0 && this.differentContentOfUnitInfo[0].childrens.length != 0" expanded>
+          <mat-expansion-panel
+            *ngIf="this.differentContentOfUnitInfo && this.differentContentOfUnitInfo.length != 0 && this.differentContentOfUnitInfo[0].childrens.length != 0"
+            expanded>
             <mat-expansion-panel-header collapsedHeight='40px' expandedHeight='40px' class="panelhead"
               style="background-color: #2196F3;">
               <mat-panel-title style="font-size: 16px;color: #FFFFFF;">
-                基本信息  
+                基本信息
               </mat-panel-title>
             </mat-expansion-panel-header>
-            <div class="accordingin"> 
+            <div class="accordingin">
               <mat-accordion>
-                <mat-expansion-panel  expanded hideToggle>
+                <mat-expansion-panel expanded hideToggle>
                   <mat-expansion-panel-header collapsedHeight='30px' expandedHeight='30px' class="panelhead">
                     <mat-panel-title style="font-size: 16px;color:#2196F3;">
                       <mat-icon style="font-size: 18px;width: 18px;height: 18px;">border_color</mat-icon>
@@ -160,10 +164,12 @@
                       <th>{{i.displayName}} ：</th>
                       <ng-container *ngIf="i.propertyName == 'imageUrl'; else elseTemplate">
                         <td>
-                          <span class="spantext" style="vertical-align: top;">由</span> 
-                          <img (click)="lookImg(i.oldValue,true)" class="spantext" style="width: 150px;height: 105px;" [src]="i.oldValue ? i.oldValue : '/assets/images/noImg.png'" alt="">
+                          <span class="spantext" style="vertical-align: top;">由</span>
+                          <img (click)="lookImg(i.oldValue,true)" class="spantext" style="width: 150px;height: 105px;"
+                            [src]="i.oldValue ? i.oldValue : '/assets/images/noImg.png'" alt="">
                           <span class="spantext" style="vertical-align: top;">变更为</span>
-                          <img (click)="lookImg(i.newValue,true)" class="spantext" style="width: 150px;height: 105px;" [src]="i.newValue ? i.newValue : '/assets/images/noImg.png'" alt="">
+                          <img (click)="lookImg(i.newValue,true)" class="spantext" style="width: 150px;height: 105px;"
+                            [src]="i.newValue ? i.newValue : '/assets/images/noImg.png'" alt="">
                         </td>
                       </ng-container>
                       <ng-template #elseTemplate>
@@ -171,13 +177,13 @@
                           <td>
                             <span class="spantext buleColor">
                               {{i.displayName}} 发生变化
-                            </span> 
+                            </span>
                           </td>
-                         
+
                         </ng-container>
                         <ng-template #elseTemplate>
-                          <td >
-                            <span class="spantext">由</span> 
+                          <td>
+                            <span class="spantext">由</span>
                             <span class="spantext buleColor">{{i.oldValue | differentContentTitle}}</span>
                             <span class="spantext">变更为</span>
                             <span class="spantext buleColor">{{i.newValue | differentContentTitle}}</span>
@@ -191,14 +197,16 @@
             </div>
           </mat-expansion-panel>
           <!-- 建筑信息 -->
-          <mat-expansion-panel  *ngIf="this.differentContentOfBuildingsInfo && this.differentContentOfBuildingsInfo.childrens.length != 0" expanded>
+          <mat-expansion-panel
+            *ngIf="this.differentContentOfBuildingsInfo && this.differentContentOfBuildingsInfo.childrens.length != 0"
+            expanded>
             <mat-expansion-panel-header collapsedHeight='40px' expandedHeight='40px' class="panelhead"
               style="background-color: #2196F3;">
               <mat-panel-title style="font-size: 16px;color: #FFFFFF;">
-                建筑信息  
+                建筑信息
               </mat-panel-title>
             </mat-expansion-panel-header>
-            <div class="accordingin"> 
+            <div class="accordingin">
               <mat-accordion *ngFor="let item of this.differentContentOfBuildingsInfo.childrens">
                 <mat-expansion-panel expanded hideToggle>
                   <mat-expansion-panel-header collapsedHeight='30px' expandedHeight='30px' class="panelhead">
@@ -215,7 +223,7 @@
                     <tr *ngFor="let i of item.difData">
                       <th>{{i.path[i.path.length - 2]}}-{{i.path[i.path.length - 1]}}：</th>
                       <td>
-                        <span class="spantext">由</span> 
+                        <span class="spantext">由</span>
                         <span class="spantext buleColor">{{i.oldValue | differentContentTitle}}</span>
                         <span class="spantext">变更为</span>
                         <span class="spantext buleColor">{{i.newValue | differentContentTitle}}</span>
@@ -227,15 +235,16 @@
             </div>
           </mat-expansion-panel>
           <!-- 功能分区 -->
-          <mat-expansion-panel  *ngIf="this.differentContentOfFunction && this.differentContentOfFunction.length != 0" expanded>
+          <mat-expansion-panel *ngIf="this.differentContentOfFunction && this.differentContentOfFunction.length != 0"
+            expanded>
             <mat-expansion-panel-header collapsedHeight='40px' expandedHeight='40px' class="panelhead"
               style="background-color: #2196F3;">
               <mat-panel-title style="font-size: 16px;color: #FFFFFF;">
-                功能分区  
+                功能分区
               </mat-panel-title>
             </mat-expansion-panel-header>
-            <div class="accordingin"> 
-              <mat-accordion *ngFor="let item of this.differentContentOfFunction" >
+            <div class="accordingin">
+              <mat-accordion *ngFor="let item of this.differentContentOfFunction">
                 <mat-expansion-panel expanded hideToggle>
                   <mat-expansion-panel-header collapsedHeight='30px' expandedHeight='30px' class="panelhead">
                     <mat-panel-title style="font-size: 16px;color:#2196F3;">
@@ -247,7 +256,7 @@
                     <tr *ngFor="let i of item.childrens[0].childrens">
                       <th>{{i.displayName}} ：</th>
                       <td>
-                        <span class="spantext">由</span> 
+                        <span class="spantext">由</span>
                         <span class="spantext buleColor">{{i.oldValue | differentContentTitle}}</span>
                         <span class="spantext">变更为</span>
                         <span class="spantext buleColor">{{i.newValue | differentContentTitle}}</span>
@@ -259,14 +268,16 @@
             </div>
           </mat-expansion-panel>
           <!-- 实景图 -->
-          <mat-expansion-panel  *ngIf="this.differentContentOfPicture && this.differentContentOfPicture.length != 0 && this.differentContentOfPicture[0].childrens.length != 0" expanded>
+          <mat-expansion-panel
+            *ngIf="this.differentContentOfPicture && this.differentContentOfPicture.length != 0 && this.differentContentOfPicture[0].childrens.length != 0"
+            expanded>
             <mat-expansion-panel-header collapsedHeight='40px' expandedHeight='40px' class="panelhead"
               style="background-color: #2196F3;">
               <mat-panel-title style="font-size: 16px;color: #FFFFFF;">
-                实景图  
+                实景图
               </mat-panel-title>
             </mat-expansion-panel-header>
-            <div class="accordingin"> 
+            <div class="accordingin">
               <mat-accordion *ngFor="let item of this.differentContentOfPicture[0].childrens">
                 <mat-expansion-panel expanded hideToggle>
                   <mat-expansion-panel-header collapsedHeight='30px' expandedHeight='30px' class="panelhead">
@@ -276,9 +287,9 @@
                       <span *ngIf="item.operation == 1">修改</span>
                       <span *ngIf="item.operation == 0">新增</span>
                       <span *ngIf="item.operation == 2">删除</span>
-                      文件夹 - 
+                      文件夹 -
                       <span>{{item.propertyName}}</span>
-                      
+
                     </mat-panel-title>
                   </mat-expansion-panel-header>
                   <!-- 新增文件夹 -->
@@ -286,7 +297,8 @@
                     <tr>
                       <th>新增图片</th>
                       <td>
-                        <img (click)="lookImg(i.imageUrl)" *ngFor="let i of item.newValue" [src]="'/api/Objects/PlanPlatform/'+i.imageUrl" alt="">
+                        <img (click)="lookImg(i.imageUrl)" *ngFor="let i of item.newValue"
+                          [src]="'/api/Objects/PlanPlatform/'+i.imageUrl" alt="">
                       </td>
                     </tr>
                   </table>
@@ -300,12 +312,12 @@
                         <img (click)="lookImg(i.newValue)" [src]="'/api/Objects/PlanPlatform/'+i.newValue" alt="">
                       </td>
                       <td *ngIf="i.operation == '1'">
-                        <span class="spantext">由</span> 
+                        <span class="spantext">由</span>
                         <span class="spantext buleColor">{{i.childrens[0].oldValue}}</span>
                         <span class="spantext">变更为</span>
                         <span class="spantext buleColor">{{i.childrens[0].newValue}}</span>
                       </td>
-                      
+
                     </tr>
                   </table>
                 </mat-expansion-panel>
@@ -424,5 +436,5 @@
 </div>
 
 <div id="viewerjs">
-    
+
 </div>
\ No newline at end of file
diff --git a/src/app/plan-audit/wait-examineer/wait-examineer.component.scss b/src/app/plan-audit/wait-examineer/wait-examineer.component.scss
index 89f01ff..7b6319c 100644
--- a/src/app/plan-audit/wait-examineer/wait-examineer.component.scss
+++ b/src/app/plan-audit/wait-examineer/wait-examineer.component.scss
@@ -16,6 +16,7 @@
             height: 30%;
             display: flex;
             flex-direction: column;
+            align-items: center;
             .headdiv {
                 @media screen and (min-device-width: 1400px) {
                     margin: 0 0 0 28px;
@@ -29,6 +30,7 @@
                 height: 40px;
                 display: flex;
                 flex-direction: row;
+                align-items: center;
                 .radio {
                     height: 10px;
                 }
@@ -47,16 +49,16 @@
                 input {
                     position: relative;
                     @media screen and (min-device-width: 1400px) {
-                        margin-left: 50px;
-                        top: 6px;
+                        margin-left: 40px;
+           
                     }
                     @media screen and (max-device-width: 1200px) {
                         margin-left: 8px;
-                        top: 4px;
+             
                     }
                     @media screen and (max-device-width: 1400px) and (min-device-width: 1200px) {
                         margin-left: 8px;
-                        top: 6px;
+           
                     }
                 }
                 .count {
diff --git a/src/index.html b/src/index.html
index 7ca66fa..ae5fbd1 100644
--- a/src/index.html
+++ b/src/index.html
@@ -31,9 +31,9 @@
     securityJsCode: '0afa0b144398727fad2ca06f5f7156b3'
   }
 </script>
-<script
+<!-- <script
   src="http://10.81.73.39:8000/webapi/maps?v=2.0&key=17bb9b27e49451cde8f2e6655b11ff1a&plugin=AMap.Driving,AMap.MouseTool,AMap.RangingTool"></script>
-<script src="http://10.81.73.39:8000/webapi/ui/1.1/main.js"></script>
+<script src="http://10.81.73.39:8000/webapi/ui/1.1/main.js"></script> -->
 <!-- <script
   src="https://webapi.amap.com/maps?v=2.0&key=17bb9b27e49451cde8f2e6655b11ff1a&plugin=AMap.Driving,AMap.MouseTool,AMap.RangingTool"></script>
 <script src="https://webapi.amap.com/ui/1.1/main.js"></script> -->
diff --git a/src/styles.scss b/src/styles.scss
index c50ff5d..1029384 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -512,3 +512,10 @@ td {
 
   }
 }
+
+#tbodydiv {
+  .mat-paginator-container {
+    margin: 12px 0;
+    justify-content: center;
+  }
+}