From d71cfa8e7748a994c19ff49c88ba303a8f2389e8 Mon Sep 17 00:00:00 2001
From: Maksim Zakharov <m.zakharov@IBS.RU>
Date: Wed, 27 Jul 2022 12:41:24 +0300
Subject: fix styles for dynamic pages

---
 src/views/_sila/Fans/Dynamic/FanSpeed.vue | 97 +++++++++++++++----------------
 1 file changed, 46 insertions(+), 51 deletions(-)

(limited to 'src/views/_sila/Fans/Dynamic/FanSpeed.vue')

diff --git a/src/views/_sila/Fans/Dynamic/FanSpeed.vue b/src/views/_sila/Fans/Dynamic/FanSpeed.vue
index f8dbcca2..b597db8a 100644
--- a/src/views/_sila/Fans/Dynamic/FanSpeed.vue
+++ b/src/views/_sila/Fans/Dynamic/FanSpeed.vue
@@ -1,13 +1,10 @@
 <template>
-  <div class="custom-divider" style="margin-top: 0">
-    <b-button
-      variant="collapse"
-      class="d-flex flex-nowrap justify-content-start"
-    >
+  <div>
+    <b-col class="d-flex flex-nowrap align-items-center page-divider">
       <img src="@/assets/images/_sila/collapsed/fan.svg" />
       {{ $t('pageFans.speed') }}
-    </b-button>
-    <b-row class="align-items-end p-4">
+    </b-col>
+    <b-row class="align-items-end limit-container">
       <b-col xs="12" md="4" class="pt-2">
         <b-form-group :label="$t('pageFans.labels.warning')">
           <b-form-input v-model="warning" type="number" :min="0" :max="3150">
@@ -30,51 +27,49 @@
         </b-button>
       </b-col>
     </b-row>
-    <b-col class="pl-4 pr-4">
-      <chart
-        type="fans"
-        :colors="colors"
-        :time-scale="timeScale"
-        :data="filteredSensors"
-        :warning="warning"
-        :shutdown="shutdown"
-      ></chart>
+    <chart
+      type="fans"
+      :colors="colors"
+      :time-scale="timeScale"
+      :data="filteredSensors"
+      :warning="warning"
+      :shutdown="shutdown"
+    ></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>
+    <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

