fix Modals, Tables and Pages: event logs, inventoty, post logs, operttions, global styles

1 files changed, 30 insertions, 3 deletions

diff --git a/src/views/Settings/Network/TableIpv4.vue b/src/views/Settings/Network/TableIpv4.vue
index 75870031..7481dc7b 100644
--- a/src/views/Settings/Network/TableIpv4.vue
+++ b/src/views/Settings/Network/TableIpv4.vue
@@ -7,7 +7,7 @@
         </h3>
       </b-col>
       <b-col class="text-right">
-        <b-button variant="primary" @click="initAddIpv4Address()">
+        <b-button variant="primary" class="mb-2" @click="initAddIpv4Address()">
           <icon-add />
           {{ $t('pageNetwork.table.addIpv4Address') }}
         </b-button>
@@ -19,7 +19,7 @@
       :fields="ipv4TableFields"
       :items="form.ipv4TableItems"
       :empty-text="$t('global.table.emptyMessage')"
-      class="mb-0"
+      class="bootstrap-rounded-table mb-0"
       show-empty
     >
       <template #cell(actions)="{ item, index }">
@@ -86,20 +86,43 @@ export default {
         {
           key: 'Address',
           label: this.$t('pageNetwork.table.ipAddress'),
+          thStyle: { width: '20%' },
+          thClass: 'semi-bold-12px__caps bootstrap-rounded-table__head_bg',
+          class: 'bootstrap-rounded-table__column-first',
+          tdClass: 'regular-12px bootstrap-rounded-table__td',
         },
         {
           key: 'Gateway',
           label: this.$t('pageNetwork.table.gateway'),
+          thStyle: { width: '20%' },
+          thClass: 'semi-bold-12px__caps bootstrap-rounded-table__head_bg',
+          class: 'bootstrap-rounded-table__column-center',
+          tdClass: 'regular-12px bootstrap-rounded-table__td',
         },
         {
           key: 'SubnetMask',
           label: this.$t('pageNetwork.table.subnet'),
+          thClass: 'semi-bold-12px__caps bootstrap-rounded-table__head_bg',
+          class: 'bootstrap-rounded-table__column-center',
+          tdClass: 'regular-12px bootstrap-rounded-table__td',
         },
         {
           key: 'AddressOrigin',
           label: this.$t('pageNetwork.table.addressOrigin'),
+          thStyle: { width: '20%' },
+          thClass: 'semi-bold-12px__caps bootstrap-rounded-table__head_bg',
+          class: 'bootstrap-rounded-table__column-center',
+          tdClass: 'regular-12px bootstrap-rounded-table__td',
+        },
+        {
+          key: 'actions',
+          label: this.$t('pageNetwork.table.actions'),
+          thStyle: { width: '10%' },
+          thClass:
+            'text-right semi-bold-12px__caps bootstrap-rounded-table__head_bg',
+          class: 'bootstrap-rounded-table__column-last',
+          tdClass: 'text-right bootstrap-rounded-table__td',
         },
-        { key: 'actions', label: '', tdClass: 'text-right' },
       ],
     };
   },
@@ -134,6 +157,10 @@ export default {
           AddressOrigin: ipv4.AddressOrigin,
           actions: [
             {
+              value: 'edit',
+              title: this.$t('pageNetwork.table.edit'),
+            },
+            {
               value: 'delete',
               title: this.$t('pageNetwork.table.deleteIpv4'),
             },