no rendering if empty and some margin for dashboard navigation

src/Umbraco.Web.UI.Client/src/packages/core/section/section-views/section-views.element.ts

@@ -140,7 +140,7 @@ export class UmbSectionViewsElement extends UmbLitElement {
 	}
 
 	#renderDashboards() {
-		return html`
+		return this._dashboards.length > 0 ? html`
 			<uui-tab-group id="dashboards">
 				${this._dashboards.map(
 					(dashboard) => html`
@@ -153,11 +153,11 @@ export class UmbSectionViewsElement extends UmbLitElement {
 					`
 				)}
 			</uui-tab-group>
-		`;
+		` : '';
 	}
 
 	#renderViews() {
-		return html`
+		return this._views.length > 0 ? html`
 			<uui-tab-group id="views">
 				${this._views.map(
 					(view) => html`
@@ -171,7 +171,7 @@ export class UmbSectionViewsElement extends UmbLitElement {
 					`
 				)}
 			</uui-tab-group>
-		`;
+		` : '';
 	}
 
 	static styles = [
@@ -194,6 +194,10 @@ export class UmbSectionViewsElement extends UmbLitElement {
 				box-sizing: border-box;
 			}
 
+			#dashboards {
+				margin: 0 var(--uui-size-layout-1);
+			}
+
 			#views {
 				justify-content: flex-end;
 				--uui-tab-divider: var(--uui-color-divider-standalone);