From 351834d4d3e62ce863d1c377801db3382abd4d36 Mon Sep 17 00:00:00 2001
From: Maksim Zakharov <m.zakharov@IBS.RU>
Date: Mon, 1 Aug 2022 15:05:24 +0300
Subject: fix dynamic layouts

---
 src/views/_sila/Memory/Dynamic/MemoryTemp.vue      | 88 +++++++++++-----------
 .../_sila/Motherboard/Dynamic/MotherboardTemp.vue  | 84 ++++++++++-----------
 2 files changed, 84 insertions(+), 88 deletions(-)

diff --git a/src/views/_sila/Memory/Dynamic/MemoryTemp.vue b/src/views/_sila/Memory/Dynamic/MemoryTemp.vue
index 277b537e..2e30683a 100644
--- a/src/views/_sila/Memory/Dynamic/MemoryTemp.vue
+++ b/src/views/_sila/Memory/Dynamic/MemoryTemp.vue
@@ -43,51 +43,49 @@
         </b-button>
       </b-col>
     </b-row>
-    <b-col class="pl-4 pr-4">
-      <chart
-        type="memory"
-        :colors="colors"
-        :time-scale="timeScale"
-        :data="filteredSensors"
-        :warning="warning"
-        :not-normal="notNormal"
-        :critical="critical"
-      ></chart>
-      <b-table
-        v-if="items && items.length > 0"
-        responsive="md"
-        show-empty
-        table-variant="accessory"
-        hover
-        :items="items"
-        :fields="fields"
-        :empty-text="$t('global.table.emptyMessage')"
-      >
-        <template #cell(name)="{ value, index }">
-          <div
-            class="item-color"
-            :style="`background-color: ${colors[index]}`"
-          ></div>
-          {{ value }}
-        </template>
-        <template #cell(minDate)="{ value }">
-          <span style="color: rgb(12, 28, 41)">
-            {{ value.time }}
-          </span>
-          <span>
-            {{ value.date }}
-          </span>
-        </template>
-        <template #cell(maxDate)="{ value }">
-          <span style="color: rgb(12, 28, 41)">
-            {{ value.time }}
-          </span>
-          <span>
-            {{ value.date }}
-          </span>
-        </template>
-      </b-table>
-    </b-col>
+    <chart
+      type="memory"
+      :colors="colors"
+      :time-scale="timeScale"
+      :data="filteredSensors"
+      :warning="warning"
+      :not-normal="notNormal"
+      :critical="critical"
+    ></chart>
+    <b-table
+      v-if="items && items.length > 0"
+      responsive="md"
+      show-empty
+      table-variant="accessory"
+      hover
+      :items="items"
+      :fields="fields"
+      :empty-text="$t('global.table.emptyMessage')"
+    >
+      <template #cell(name)="{ value, index }">
+        <div
+          class="item-color"
+          :style="`background-color: ${colors[index]}`"
+        ></div>
+        {{ value }}
+      </template>
+      <template #cell(minDate)="{ value }">
+        <span style="color: rgb(12, 28, 41)">
+          {{ value.time }}
+        </span>
+        <span>
+          {{ value.date }}
+        </span>
+      </template>
+      <template #cell(maxDate)="{ value }">
+        <span style="color: rgb(12, 28, 41)">
+          {{ value.time }}
+        </span>
+        <span>
+          {{ value.date }}
+        </span>
+      </template>
+    </b-table>
   </div>
 </template>
 <script>
diff --git a/src/views/_sila/Motherboard/Dynamic/MotherboardTemp.vue b/src/views/_sila/Motherboard/Dynamic/MotherboardTemp.vue
index a7af65e6..77acc7bd 100644
--- a/src/views/_sila/Motherboard/Dynamic/MotherboardTemp.vue
+++ b/src/views/_sila/Motherboard/Dynamic/MotherboardTemp.vue
@@ -22,49 +22,47 @@
         </b-button>
       </b-col>
     </b-row>
-    <b-col class="pl-4 pr-4">
-      <chart
-        type="motherboard"
-        :time-scale="timeScale"
-        :colors="colors"
-        :data="filteredSensors"
-        :warning="warning"
-      ></chart>
-      <b-table
-        v-if="items && items.length > 0"
-        responsive="md"
-        show-empty
-        table-variant="accessory"
-        hover
-        :items="items"
-        :fields="fields"
-        :empty-text="$t('global.table.emptyMessage')"
-      >
-        <template #cell(name)="{ value, index }">
-          <div
-            class="item-color"
-            :style="`background-color: ${colors[index]}`"
-          ></div>
-          {{ value }}
-        </template>
-        <template #cell(minDate)="{ value }">
-          <span style="color: rgb(12, 28, 41)">
-            {{ value.time }}
-          </span>
-          <span>
-            {{ value.date }}
-          </span>
-        </template>
-        <template #cell(maxDate)="{ value }">
-          <span style="color: rgb(12, 28, 41)">
-            {{ value.time }}
-          </span>
-          <span>
-            {{ value.date }}
-          </span>
-        </template>
-      </b-table>
-    </b-col>
+    <chart
+      type="motherboard"
+      :time-scale="timeScale"
+      :colors="colors"
+      :data="filteredSensors"
+      :warning="warning"
+    ></chart>
+    <b-table
+      v-if="items && items.length > 0"
+      responsive="md"
+      show-empty
+      table-variant="accessory"
+      hover
+      :items="items"
+      :fields="fields"
+      :empty-text="$t('global.table.emptyMessage')"
+    >
+      <template #cell(name)="{ value, index }">
+        <div
+          class="item-color"
+          :style="`background-color: ${colors[index]}`"
+        ></div>
+        {{ value }}
+      </template>
+      <template #cell(minDate)="{ value }">
+        <span style="color: rgb(12, 28, 41)">
+          {{ value.time }}
+        </span>
+        <span>
+          {{ value.date }}
+        </span>
+      </template>
+      <template #cell(maxDate)="{ value }">
+        <span style="color: rgb(12, 28, 41)">
+          {{ value.time }}
+        </span>
+        <span>
+          {{ value.date }}
+        </span>
+      </template>
+    </b-table>
   </div>
 </template>
 <script>
-- 
cgit v1.2.3