From cf862e3796dfc9318670e8fe8185d95d5bda0f4c Mon Sep 17 00:00:00 2001
From: Tanja Ulmen <149720417+tanemlu@users.noreply.github.com>
Date: Mon, 28 Oct 2024 14:03:08 +0100
Subject: [PATCH] added content-only css class (#212)

* added content-only css class

* fix - prettier formatting

---------

Co-authored-by: Tanja Ulmen <tanja.ulmen@sva.de>
---
 src/app/scenario/step.component.html | 6 +++++-
 src/app/scenario/step.component.scss | 6 ++++++
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/app/scenario/step.component.html b/src/app/scenario/step.component.html
index 86eda6e3..6d6681bf 100644
--- a/src/app/scenario/step.component.html
+++ b/src/app/scenario/step.component.html
@@ -5,7 +5,11 @@
     (dragEnd)="dragEnd()"
     #divider
   >
-    <as-split-area [size]="40" class="split-area-1">
+    <as-split-area
+      [size]="40"
+      class="split-area-1"
+      [ngClass]="{ 'content-only': isContentOnly }"
+    >
       <ng-container *ngIf="!isBrawlSelected">
         <div class="card" id="sidebar">
           <div class="card-header">
diff --git a/src/app/scenario/step.component.scss b/src/app/scenario/step.component.scss
index a1373975..d6f6c29c 100644
--- a/src/app/scenario/step.component.scss
+++ b/src/app/scenario/step.component.scss
@@ -101,6 +101,12 @@ table {
   padding-right: 0.6rem;
 }
 
+.content-only {
+  margin: 0 auto;
+  min-width: 600px;
+  flex: 0 0 50% !important;
+}
+
 .split-area-2 {
   overflow-y: hidden !important;
   padding-left: 0.6rem;