fix: minor fixes in NodesDetail and NodeCard

Author: andre8244

core/ui/public/i18n/en/translation.json

@@ -1521,7 +1521,7 @@
         "node_id": "Node ID",
         "ip_address": "IP address",
         "applications": "Applications",
-        "alerts": "Alert| Alerts",
+        "alerts": "Alert | Alerts",
         "no_alerts": "No alerts",
         "ns7_migration_in_progress": "Migration in progress",
         "ns7_migration_tooltip": "This node and its VPN connection are managed on NethServer 7 through the 'NS8 Migration' application.",

core/ui/src/components/nodes/NodeCard.vue

@@ -325,7 +325,7 @@ export default {
 .icon-and-text-compact {
   display: flex;
   align-items: center;
-  gap: 0.25rem; /* space between icon and text */
+  gap: 0.5rem; /* space between icon and text */
   margin-top: 0.5rem;
   margin-bottom: 0.5rem;
 }

core/ui/src/views/NodeDetail.vue

@@ -98,7 +98,7 @@
               <template v-if="loading.listNodes">
                 <cv-skeleton-text
                   :paragraph="true"
-                  :line-count="10"
+                  :line-count="7"
                 ></cv-skeleton-text>
               </template>
               <template v-else>
@@ -145,7 +145,7 @@
               <template v-if="loading.listNodes">
                 <cv-skeleton-text
                   :paragraph="true"
-                  :line-count="10"
+                  :line-count="7"
                 ></cv-skeleton-text>
               </template>
               <template v-else>
@@ -191,7 +191,7 @@
                       $t('common.no_search_results_description')
                     "
                     :isLoading="loading.listAlerts"
-                    :skeletonRows="5"
+                    :skeletonRows="3"
                     :isErrorShown="!!error.listAlerts"
                     :errorTitle="$t('action.list-alerts')"
                     :errorDescription="error.listAlerts"
@@ -433,9 +433,9 @@
           <h4 class="mg-bottom-lg">{{ $t("node_detail.disks") }}</h4>
         </cv-column>
       </cv-row>
-      <cv-tile :light="true">
-        <cv-row>
-          <cv-column>
+      <cv-row class="mb-6">
+        <cv-column>
+          <cv-tile :light="true">
             <!-- card grid -->
             <NsDataTable
               :allRows="nodeStatus.disks"
@@ -506,9 +506,9 @@
                 </cv-data-table-row>
               </template>
             </NsDataTable>
-          </cv-column>
-        </cv-row>
-      </cv-tile>
+          </cv-tile>
+        </cv-column>
+      </cv-row>
     </cv-grid>
   </div>
 </template>