From 1f4a77b5027bfecc572e87a3e55348bd9475b102 Mon Sep 17 00:00:00 2001
From: Marcel Hild <hild@b4mad.net>
Date: Sun, 14 Jan 2024 10:46:35 +0100
Subject: [PATCH] Update graph layout in session.js

---
 components/paddock/paddock/assets/session.js | 29 ++++++++++----------
 1 file changed, 15 insertions(+), 14 deletions(-)

diff --git a/components/paddock/paddock/assets/session.js b/components/paddock/paddock/assets/session.js
index 9999ac53..3c0afe05 100644
--- a/components/paddock/paddock/assets/session.js
+++ b/components/paddock/paddock/assets/session.js
@@ -25,13 +25,14 @@ document.addEventListener('DOMContentLoaded', function() {
     const session_id = path_parts.pop();
 
     // Create empty plots
-    const layout = {
-        height: 200, // Shorter height to make the graph similar to the one in the screenshot
+    const layout_base = {
+        height: 100,
         xaxis: {
             // title: 'Distance/Time',
             showgrid: true,
             zeroline: false,
-            gridcolor: '#E2E2E2'
+            gridcolor: '#E2E2E2',
+            side: 'top' // Add this line to position x-axis at the top
         },
         yaxis: {
             // title: 'km/h',
@@ -40,26 +41,26 @@ document.addEventListener('DOMContentLoaded', function() {
         },
         margin: {
             l: 50,
-            r: 50,
-            b: 50,
-            t: 50,
+            r: 0,
+            b: 10,
+            t: 5,
             pad: 4
         },
         paper_bgcolor: '#ffffff',
         plot_bgcolor: '#ffffff'
     };
-
     // make a deep copy of the layout
-    speed_layout = JSON.parse(JSON.stringify(layout));
-    speed_layout.yaxis.title = 'km/h';
-    Plotly.newPlot(speedGraphDiv, [], speed_layout);
+    var layout = JSON.parse(JSON.stringify(layout_base));
+    layout.yaxis.title = 'km/h';
+    layout.margin.t = 50;
+    layout.height += 50;
+    Plotly.newPlot(speedGraphDiv, [], layout);
 
     // make a deep copy of the layout
-    throttle_layout = JSON.parse(JSON.stringify(layout));
-    throttle_layout.yaxis.title = 'throttle';
+    layout = JSON.parse(JSON.stringify(layout_base));
+    layout.yaxis.title = 'throttle';
 
-    // Plotly.newPlot(throttleGraphDiv, [], throttle_layout, {displayModeBar: false});
-    Plotly.newPlot(throttleGraphDiv, [], throttle_layout);
+    Plotly.newPlot(throttleGraphDiv, [], layout, {displayModeBar: false});
 
     // the map layout is the same, but without coordinates
     mapLayout = {