vue: FormReadonly, minor layout fixes

Change-Id: I852b98b05c7400102182eabd1e1c1146f7975bc7
Checkmk · Jan 15, 2025 · 0de05db · 0de05db
1 parent 9854060
commit 0de05db
Showing 1 changed file with 3 additions and 4 deletions.
diff --git a/packages/cmk-frontend-vue/src/form/components/FormReadonly.vue b/packages/cmk-frontend-vue/src/form/components/FormReadonly.vue
@@ -175,7 +175,7 @@ function renderTuple(
         return h('span', [
           formSpec.show_titles && title ? `${title}: ` : h([]),
           renderForm(element, value[index], elementValidations[index]),
-          index === formSpec.elements.length - 1 && formSpec.layout === 'horizontal' ? '' : ', '
+          index === formSpec.elements.length - 1 && formSpec.layout === 'horizontal' ? ', ' : ''
         ])
       })
     ]
@@ -306,7 +306,7 @@ function renderDict(
       elements.forEach((element) => {
         dictElements.push(
           h('tr', trProps, [
-            h('td', { class: 'dict_title' }, [element[0]]),
+            h('td', { class: 'dict_title' }, [`${element[0]}:`]),
             h('td', { class: 'dict_value' }, [element[1]])
           ])
         )
@@ -516,7 +516,6 @@ function renderLegacyValuespec(
 ): VNode {
   return h('div', [
     h('div', {
-      style: 'background: #595959',
       class: 'legacy_valuespec',
       innerHTML: (value as PreRenderedHtml).readonly_html
     }),
@@ -648,7 +647,7 @@ table.form-readonly__table {
   > tr:not(:first-child) {
     box-shadow: 0 -1px 0 0 var(--default-form-element-border-color);
     > td.dict_title {
-      min-width: 35ch;
+      min-width: 20ch;
       max-width: 70ch;
       white-space: normal;
       overflow-wrap: break-word;