[ACS-5551] design modify

lib/content-services/src/lib/content-metadata/components/content-metadata/content-metadata.component.scss

@@ -7,6 +7,10 @@ $panel-properties-height: 56px !default;
             padding: 0 12px;
             border-radius: 12px;
 
+            &.mat-expanded {
+                height: $panel-properties-height;
+            }
+
             .mat-content {
                 display: contents;
             }

lib/core/src/lib/card-view/components/card-view-selectitem/card-view-selectitem.component.html

@@ -2,7 +2,7 @@
     <div
         [attr.data-automation-id]="'card-select-label-' + property.key"
         class="adf-property-label"
-        [ngClass]="{'adf-property-label-not-editable' : isNonEditableField}"
+        [ngClass]="{'adf-property-label-not-editable': isNonEditableField, 'adf-property-editable-property' : isEditable()}"
     >{{ property.label | translate }}</div>
     <div class="adf-property-field">
         <div

lib/core/src/lib/card-view/components/card-view-selectitem/card-view-selectitem.component.scss

@@ -6,6 +6,10 @@
     padding: 6px 0;
 }
 
+.adf-property-editable-property {
+    color: var(--theme-metadata-property-panel-title-color);
+}
+
 .adf-select-filter-input {
     background: var(--adf-theme-background-card-color);
     position: sticky;