3 files changed, 71 insertions, 8 deletions
diff --git a/src/views/Fans/StaticInformation/FansStaticPage.vue b/src/views/Fans/StaticInformation/FansStaticPage.vue
index 7c5e6059..a9f2d68b 100644
--- a/src/views/Fans/StaticInformation/FansStaticPage.vue
+++ b/src/views/Fans/StaticInformation/FansStaticPage.vue
@@ -10,7 +10,8 @@
         responsive="md"
         show-empty
         class="bootstrap-rounded-table"
-        :items="items"
+        :items="filteredSensors"
+        :busy="isBusy"
         :fields="fields"
         :empty-text="$t('global.table.emptyMessage')"
       >
@@ -28,6 +29,9 @@
             </span>
           </div>
         </template>
+        <template #cell(currentValue)="data">
+          {{ data.value }}
+        </template>
       </b-table>
     </page-section>
   </b-container>
@@ -37,8 +41,12 @@
 import PageTitle from '@/components/Global/PageTitle';
 import PageSection from '@/components/Global/PageSection';
 
+import TableFilterMixin from '@/components/Mixins/TableFilterMixin';
+import DataFormatterMixin from '@/components/Mixins/DataFormatterMixin';
+
 export default {
   components: { PageTitle, PageSection },
+  mixins: [TableFilterMixin, DataFormatterMixin],
   data() {
     return {
       isBusy: true,
@@ -72,11 +80,11 @@ export default {
           tdClass: 'regular-12px bootstrap-rounded-table__td',
         },
         {
-          key: 'value',
+          key: 'currentValue',
           label: 'Номинальная скорость, об/мин',
           formatter: this.dataFormatter,
           thClass: 'semi-bold-12px__caps bootstrap-rounded-table__head_bg',
-          class: `bootstrap-rounded-table__column-last 
+          class: `bootstrap-rounded-table__column-last
             fans-table-col-third`,
           tdClass: 'regular-12px bootstrap-rounded-table__td',
         },
@@ -101,8 +109,40 @@ export default {
           value: '2400',
         },
       ],
+      activeFilters: [],
     };
   },
+
+  computed: {
+    allSensors() {
+      let sensors = this.$store.getters['sensors/fanSensors'];
+      if (this.isSensorsExist) {
+        sensors.forEach((sensor) => {
+          sensor.type = sensor.name.toLowerCase().includes('cpu')
+            ? this.$t('tablesDescription.cpu')
+            : this.$t('tablesDescription.system');
+        });
+      }
+      return sensors;
+    },
+
+    isSensorsExist() {
+      return (
+        this.$store.getters['sensors/fanSensors'] &&
+        this.$store.getters['sensors/fanSensors'].length > 0
+      );
+    },
+
+    filteredSensors() {
+      return this.getFilteredTableData(this.allSensors, this.activeFilters);
+    },
+  },
+
+  created() {
+    this.$store.dispatch('sensors/getFanSensors').finally(() => {
+      this.isBusy = false;
+    });
+  },
 };
 </script>
 <style lang="scss">
diff --git a/src/views/Operations/Kvm/KvmConsole.vue b/src/views/Operations/Kvm/KvmConsole.vue
index c028a9fc..d06e2824 100644
--- a/src/views/Operations/Kvm/KvmConsole.vue
+++ b/src/views/Operations/Kvm/KvmConsole.vue
@@ -1,8 +1,12 @@
 <template>
   <div :class="marginClass">
     <div ref="toolbar" class="kvm-toolbar">
-      <b-row class="d-flex">
-        <b-col class="d-flex flex-column justify-content-end" cols="4">
+      <b-row class="d-flex flex-column flex-sm-row">
+        <b-col
+          class="d-flex flex-column justify-content-end console-title"
+          style="min-width: 105px"
+          cols="3"
+        >
           <dl class="mb-2" sm="2" md="2">
             <dt class="d-inline font-weight-bold mr-1">
               {{ $t('pageKvm.status') }}:
@@ -14,9 +18,10 @@
           </dl>
         </b-col>
 
-        <b-col class="d-flex justify-content-end pr-1">
+        <b-col class="d-flex justify-content-end pr-1 flex-column flex-sm-row">
           <b-button
             v-if="isConnected"
+            class="console-title console-button"
             variant="link"
             type="button"
             @click="sendCtrlAltDel"
@@ -26,6 +31,7 @@
           </b-button>
           <b-button
             v-if="!isFullWindow"
+            class="console-title console-button"
             variant="link"
             type="button"
             @click="openConsoleWindow()"
@@ -167,4 +173,16 @@ export default {
 .margin-left-full-window {
   margin-left: 5px;
 }
+
+@media (max-width: 1200px) {
+  .console-title {
+    font-size: 0.7rem;
+  }
+}
+
+@media (max-width: 576px) {
+  .console-button {
+    justify-content: flex-end;
+  }
+}
 </style>
diff --git a/src/views/SecurityAndAccess/Certificates/Certificates.vue b/src/views/SecurityAndAccess/Certificates/Certificates.vue
index 852e6d34..f685e608 100644
--- a/src/views/SecurityAndAccess/Certificates/Certificates.vue
+++ b/src/views/SecurityAndAccess/Certificates/Certificates.vue
@@ -1,7 +1,7 @@
 <template>
   <b-container fluid="xl">
     <page-title />
-    <b-row>
+    <b-row class="margin-bottom--16px">
       <b-col xl="11">
         <!-- Expired certificates banner -->
         <alert :show="expiredCertificateTypes.length > 0" variant="danger">
@@ -31,7 +31,7 @@
         </alert>
       </b-col>
     </b-row>
-    <b-row>
+    <b-row class="margin-bottom--16px">
       <b-col xl="11" class="text-right">
         <b-button
           v-b-modal.generate-csr
@@ -322,3 +322,8 @@ export default {
   },
 };
 </script>
+<style lang="scss" scoped>
+.margin-bottom--16px {
+  margin-bottom: 16px;
+}
+</style>