From ea3869bae299ffb61d9a39c65d614a4454d648cd Mon Sep 17 00:00:00 2001
From: Sebastian <sebastian@squidex.io>
Date: Sun, 26 Jun 2022 18:01:16 +0200
Subject: [PATCH] Reduced header size in content editor.

---
 .../content/editor/content-section.component.html     |  2 +-
 .../content/editor/content-section.component.scss     | 11 ++++++++---
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/frontend/src/app/features/content/pages/content/editor/content-section.component.html b/frontend/src/app/features/content/pages/content/editor/content-section.component.html
index 23a5093e6..1507f1d54 100644
--- a/frontend/src/app/features/content/pages/content/editor/content-section.component.html
+++ b/frontend/src/app/features/content/pages/content/editor/content-section.component.html
@@ -1,6 +1,6 @@
 <ng-container *ngIf="(formSection.visibleChanges | async) || formCompare">
     <div class="header" *ngIf="formSection.separator; let separator">
-        <div class="row g-0">
+        <div class="row g-0 align">
             <div class="col-auto">
                 <button type="button" class="btn btn-sm btn-text-secondary" (click)="toggle()">
                     <i [class.icon-caret-right]="snapshot.isCollapsed" [class.icon-caret-down]="!snapshot.isCollapsed"></i> 
diff --git a/frontend/src/app/features/content/pages/content/editor/content-section.component.scss b/frontend/src/app/features/content/pages/content/editor/content-section.component.scss
index f81b0ed33..f8ed2ffcc 100644
--- a/frontend/src/app/features/content/pages/content/editor/content-section.component.scss
+++ b/frontend/src/app/features/content/pages/content/editor/content-section.component.scss
@@ -6,12 +6,17 @@ h3 {
 }
 
 .header {
-    line-height: 2rem;
-    margin-bottom: .5rem;
-    margin-top: 1.5rem;
+    margin-bottom: .25rem;
+    margin-top: 1rem;
 
     h3 {
         line-height: 2rem;
+        font-size: 1rem;
+        font-weight: 500;
+    }
+
+    sqx-form-hint {
+        margin-top: -.25rem;
     }
 }