PEV-VQA: Widget-view

* fix content spacer heights

JIRA-Ref: CMK-27039
Change-Id: I509dd5c6055ce95dfcea8cf27368a12e840d62b8
(cherry picked from commit bef15b1)

Author: smeagol91

packages/cmk-frontend-vue/src/dashboard/components/Wizard/wizards/view/stage1/StageContents.vue

@@ -244,7 +244,7 @@ const sortedContextInfos = computed(() => {
             @remove-filter="(filterId) => emit('remove-filter', filterId)"
           />
         </SectionBlock>
-        <ContentSpacer :height="10" />
+        <ContentSpacer :dimension="5" />
       </div>
     </SectionBlock>
   </div>

packages/cmk-frontend-vue/src/dashboard/components/Wizard/wizards/view/stage1/components/EditModeViewInfo.vue

@@ -61,7 +61,7 @@ const singleInfosMode = computed<RestrictedToSingle>(() => {
         <div class="info-value-block">
           <span class="db-edit-mode-view-info__info-label">{{ _t('Linked to view') }}</span>
           <div class="db-edit-mode-view-info__info-value">{{ viewTitle }}</div>
-          <ContentSpacer :height="5" />
+          <ContentSpacer :dimension="5" />
           <SingleInfosSpecifier
             :context-infos="contextInfos"
             :restricted-ids="restrictedToSingleInfos"
@@ -76,7 +76,7 @@ const singleInfosMode = computed<RestrictedToSingle>(() => {
         <div class="info-value-block">
           <span class="db-edit-mode-view-info__info-label">{{ _t('Datasource') }}</span>
           <div class="db-edit-mode-view-info__info-value">{{ datasourceTitle }}</div>
-          <ContentSpacer :height="5" />
+          <ContentSpacer :dimension="5" />
           <SingleInfosSpecifier
             :context-infos="contextInfos"
             :restricted-ids="restrictedToSingleInfos"
@@ -102,6 +102,5 @@ const singleInfosMode = computed<RestrictedToSingle>(() => {
 
 .db-edit-mode-view-info__info-value {
   font-weight: var(--font-weight-bold);
-  margin-bottom: var(--dimension-4);
 }
 </style>

packages/cmk-frontend-vue/src/dashboard/components/Wizard/wizards/view/stage1/components/NewView.vue

@@ -52,9 +52,9 @@ watch(
 <template>
   <CmkIndent>
     <h2>{{ _t('Datasource') }}</h2>
-    <ContentSpacer :height="10" />
+    <ContentSpacer :dimension="5" />
     <SelectorDatasource v-model:selected-datasource="selectedDatasource" :read-only="false" />
-    <ContentSpacer />
+    <ContentSpacer :dimension="5" />
     <SingleInfosSpecifier
       v-model:context-infos="contextInfos"
       v-model:restricted-ids="restrictedToSingleInfos"

packages/cmk-frontend-vue/src/dashboard/components/Wizard/wizards/view/stage1/components/ReferenceView.vue

@@ -80,10 +80,10 @@ watch(
   <CmkIndent>
     <div>
       <h2>{{ _t('View name') }}</h2>
-      <ContentSpacer :height="10" />
+      <ContentSpacer :dimension="5" />
       <SelectorView v-model:selected-view="referencedView" :read-only="false" />
     </div>
-    <ContentSpacer :height="10" />
+    <ContentSpacer :dimension="5" />
     <div v-if="referencedView">
       <SingleInfosSpecifier
         v-model:context-infos="contextInfos"

packages/cmk-frontend-vue/src/dashboard/components/Wizard/wizards/view/stage1/components/SingleInfosSpecifier.vue

@@ -64,14 +64,14 @@ watch(
 <template>
   <div>
     <h2>{{ _t('Specific object type') }}</h2>
-    <ContentSpacer :height="10" />
+    <ContentSpacer :dimension="5" />
     <CmkDropdown
       v-model:selected-option="mode"
       :options="dropdownOptions"
       :disabled="props.readOnly"
       :label="_t('Select specific object type')"
     />
-    <ContentSpacer />
+    <ContentSpacer :dimension="5" />
     <SelectorSingleInfo
       v-if="mode === RestrictedToSingle.CUSTOM"
       v-model:selected-ids="restrictedIds"