add datePicker, divider for motherboard

1 files changed, 6 insertions, 3 deletions

diff --git a/src/views/_sila/Processors/Dynamic/ProcessorsDynamicPage.vue b/src/views/_sila/Processors/Dynamic/ProcessorsDynamicPage.vue
index 1d6dc597..63133249 100644
--- a/src/views/_sila/Processors/Dynamic/ProcessorsDynamicPage.vue
+++ b/src/views/_sila/Processors/Dynamic/ProcessorsDynamicPage.vue
@@ -1,16 +1,17 @@
 <template>
   <b-container fluid="xl">
     <page-title :description="$t('appPageTitle.dynamicInformation')" />
+    <table-date-picker style="margin: -2rem 0 0 -2rem" />
     <collapse
       id="collapse_1"
       :title="$t('pageProcessors.temperature')"
-      style="margin-top: -2rem"
+      style="margin-top: 0"
     >
       <template #image>
         <img src="@/assets/images/_sila/collapsed/temperature.svg" />
       </template>
       <page-section>
-        <b-row class="align-items-end pt-2">
+        <b-row class="align-items-end p-2">
           <b-col xs="12" md="6" lg="3" class="pt-2">
             <b-form-group :label="$t('pageProcessors.labels.notNormal')">
               <b-form-input
@@ -105,6 +106,7 @@ import Chart from '@/components/_sila/Global/Chart';
 import PageSection from '@/components/Global/PageSection';
 
 import DataFormatterMixin from '@/components/_sila/Mixins/DataFormatterMixin';
+import TableDatePicker from '@/components/_sila/Global/TableDatePicker';
 import LoadingBarMixin from '@/components/_sila/Mixins/LoadingBarMixin';
 import TableFilterMixin from '@/components/_sila/Mixins/TableFilterMixin';
 import Collapse from '@/components/_sila/Global/Collapse';
@@ -112,7 +114,7 @@ import Collapse from '@/components/_sila/Global/Collapse';
 import { getItems } from '@/utilities/_sila/metricProperties';
 
 export default {
-  components: { PageTitle, Collapse, PageSection, Chart },
+  components: { PageTitle, Collapse, PageSection, Chart, TableDatePicker },
   mixins: [DataFormatterMixin, LoadingBarMixin, TableFilterMixin],
   data() {
     return {
@@ -135,6 +137,7 @@ export default {
         {
           key: 'name',
           label: this.$t('pageProcessors.table.name'),
+          thStyle: { width: '25%' },
         },
         {
           key: 'current',