chore(admin-ui): Style tweaks

packages/admin-ui/src/lib/core/src/shared/components/asset-preview-dialog/asset-preview-dialog.component.scss

@@ -1,5 +1,6 @@
 :host {
     height: 70vh;
+    overflow: auto;
 }
 
 .update-button {

packages/admin-ui/src/lib/core/src/shared/components/asset-preview/asset-preview.component.html

@@ -1,14 +1,15 @@
 <vdr-page-detail-layout>
     <vdr-page-detail-sidebar>
         <vdr-card>
-            <div *ngIf="!editable" class="edit-button-wrapper">
+            <div *ngIf="!editable" class="mb-2">
                 <a
-                    class="btn btn-link btn-sm"
+                    class="button-ghost"
                     [routerLink]="['/catalog', 'assets', asset.id]"
                     (click)="editClick.emit()"
                 >
                     <clr-icon shape="edit"></clr-icon>
                     {{ 'common.edit' | translate }}
+                    <clr-icon shape="arrow right"></clr-icon>
                 </a>
             </div>
             <vdr-form-field *ngIf="editable" [label]="'common.name' | translate">

packages/admin-ui/src/lib/core/src/shared/components/asset-preview/asset-preview.component.scss

@@ -89,9 +89,3 @@
         }
     }
 }
-
-.edit-button-wrapper {
-    padding-top: 6px;
-    border-top: 1px solid var(--color-component-border-100);
-    text-align: center;
-}

packages/admin-ui/src/lib/core/src/shared/components/labeled-data/labeled-data.component.html

@@ -1,2 +1,4 @@
 <div class="label-title">{{ label }}</div>
-<ng-content></ng-content>
+<div class="content">
+    <ng-content></ng-content>
+</div>

packages/admin-ui/src/lib/core/src/shared/components/labeled-data/labeled-data.component.scss

@@ -9,3 +9,8 @@
     line-height: 12px;
     margin-bottom: -4px;
 }
+.content {
+    display: inline-block;
+    line-height: var(--font-size-sm);
+    margin-top: 6px;
+}

packages/admin-ui/src/lib/static/styles/global/_overrides.scss

@@ -102,6 +102,12 @@ button.icon-button {
 
 .card {
     margin-top: 0;
+    box-shadow: none;
+
+    .card-header, .card-title {
+        font-size: var(--font-size-sm);
+        font-weight: 500;
+    }
 }
 
 // clr tabs