From 8a9b62eaecc49f2c2e5b610bf183f25fda5f78b6 Mon Sep 17 00:00:00 2001
From: lindenkron <lindenkron@hotmail.com>
Date: Fri, 14 Apr 2023 21:43:36 +0200
Subject: [PATCH] Moved and adjusted Scene graph stylings.

---
 index.html | 33 +++++++++++++++++----------------
 main.css   | 15 ++++++---------
 2 files changed, 23 insertions(+), 25 deletions(-)

diff --git a/index.html b/index.html
index 03444c5..791f9d6 100644
--- a/index.html
+++ b/index.html
@@ -1478,22 +1478,23 @@
 							<span>S9</span>
 						</button>
 					</div>
-				</div>
-				
-
-				<!-- Graph Section for Scenes -->
-				<span class="graphSection hidden" data-action-type="stats-graphs-bitrate" >
-					<span class="hidden" data-message="true" data-no-scenes="true">No scenes active</span>
-				</span>
-				<span class="graphSection hidden" data-action-type="stats-graphs-details" >
-					<span class="hidden" data-no-scenes="true"></span>
-					<span data-action-type="stats-graphs-details-container" class="hidden">
-						<span class="hidden" data-scene-name="true">scene</span>
-						<span class="hidden" data-bitrate="true">bitrate (kbps)</span>
-						<span class="hidden" data-resolution="true">resolution</span>
-						<span class="hidden" style="word-break: break-all;" data-video-codec="true">video codec</span>
-					</span>
-				</span>
+                    <!-- Graph Section for Scenes -->
+                    
+					<div class="row two advanced">
+                        <span class="graphSection hidden" data-action-type="stats-graphs-bitrate" >
+                            <span class="hidden" data-message="true" data-no-scenes="true">No scenes active</span>
+                        </span>
+                        <span class="graphSection hidden" data-action-type="stats-graphs-details" >
+                            <span class="hidden" data-no-scenes="true"></span>
+                            <span data-action-type="stats-graphs-details-container" class="hidden">
+                                <span class="hidden" data-scene-name="true">scene</span>
+                                <span class="hidden" data-bitrate="true">bitrate (kbps)</span>
+                                <span class="hidden" data-resolution="true">resolution</span>
+                                <span class="hidden" style="word-break: break-all;" data-video-codec="true">video codec</span>
+                            </span>
+                        </span>
+                    </div>
+                </div>
 				
 
 				<!----	  /////// DROPDOWN BREAK ////////			-->
diff --git a/main.css b/main.css
index 0c1f9cb..e2132fb 100644
--- a/main.css
+++ b/main.css
@@ -2238,15 +2238,15 @@ label {
 	animation: greyout 3s;
 	opacity: 0.3!important;
 }
-.graphSection{
-	max-width:50%;
+.graphSection {
+    display: flex;
+    flex-direction: column;
+    max-width: 50%;
+    gap: 5px;
 }
 .graphSection>span {
 	font-size: 10px;
     display: block;
-    margin: 5px;
-    margin-top: 0px;
-	margin-right: 0px;
     height: 50px;
 }
 .graphSection>span:last-child{
@@ -2339,10 +2339,7 @@ span[data-action-type="stats-graphs-details-container"]>span{
 	background-color: black;
 	width: 100%;
 	height: 50px;
-	margin: 0 5px 5px 0;
-}
-.canvasStats:last-child{
-	margin: 0 5px 0 0;
+    border-radius: 4px;
 }
 .manualInput{
 	width: 55px;