refactor: update pagination (#320)

src/views/dashboard/List.vue

@@ -116,8 +116,6 @@ limitations under the License. -->
         </el-button>
         <el-pagination
           class="pagination"
-          background
-          small
           layout="prev, pager, next"
           :page-size="pageSize"
           :total="total"

src/views/dashboard/graphs/InstanceList.vue

@@ -66,9 +66,7 @@ limitations under the License. -->
       </el-table>
     </div>
     <el-pagination
-      class="pagination"
-      background
-      small
+      class="pagination flex-h"
       layout="prev, pager, next"
       :page-size="pageSize"
       :total="pods.length"

src/views/dashboard/graphs/ServiceList.vue

@@ -59,9 +59,7 @@ limitations under the License. -->
       </el-table>
     </div>
     <el-pagination
-      class="pagination"
-      background
-      small
+      class="pagination flex-h"
       layout="prev, pager, next"
       :page-size="pageSize"
       :total="selectorStore.services.length"

src/views/dashboard/graphs/style.scss

@@ -31,6 +31,7 @@
   text-align: center;
   height: 30px;
   padding: 8px 0;
+  justify-content: flex-end;
 }
 
 .link {

src/views/dashboard/related/continuous-profiling/components/InstanceList.vue

@@ -65,7 +65,6 @@ limitations under the License. -->
   <el-pagination
     class="mt-10"
     small
-    background
     layout="prev, pager, next"
     :page-size="pageSize"
     :total="continousProfilingStore.instances.length"

src/views/dashboard/related/ebpf/components/EBPFSchedules.vue

@@ -76,7 +76,6 @@ limitations under the License. -->
         </el-table>
         <el-pagination
           class="pagination"
-          background
           small
           layout="prev, pager, next"
           :page-size="pageSize"