From 5dccc8985e84169a035915b039ddd1aecfc81830 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Thomas=20M=C3=BCller?= <ich@eskimue.de>
Date: Thu, 21 May 2026 07:33:31 +0200
Subject: [PATCH] MotorAdmin GUI besser

---
 .../gui/admin-motor-test.html                 | 22 ++++++-------
 ExoMy_Software-master/gui/style.css           | 33 +++++++++++++++++++
 2 files changed, 43 insertions(+), 12 deletions(-)

diff --git a/ExoMy_Software-master/gui/admin-motor-test.html b/ExoMy_Software-master/gui/admin-motor-test.html
index 908f903..8080075 100644
--- a/ExoMy_Software-master/gui/admin-motor-test.html
+++ b/ExoMy_Software-master/gui/admin-motor-test.html
@@ -309,18 +309,16 @@
         var savedEntry = steeringNeutralSavedValues[wheel];
         var isDirty = !savedEntry || Number(savedEntry.value) !== Number(entry.value);
         html.push(
-          '<article class="steering_neutral_card' + (isDirty ? ' is_dirty' : '') + '">' +
-            '<div class="steering_neutral_card_header">' +
-              '<span class="info_label">Rad</span>' +
-              '<strong>' + entry.wheel_label + '</strong>' +
-            '</div>' +
-            '<div class="steering_neutral_value_row">' +
-              '<button class="button buttonWarm steering_neutral_adjust" onclick="adjustSteeringNeutralValue(\'' + wheel + '\', -' + STEERING_NEUTRAL_STEP + ')">-</button>' +
-              '<strong class="steering_neutral_value">' + entry.value + '</strong>' +
-              '<button class="button buttonA steering_neutral_adjust" onclick="adjustSteeringNeutralValue(\'' + wheel + '\', ' + STEERING_NEUTRAL_STEP + ')">+</button>' +
-            '</div>' +
-            '<div class="steering_neutral_meta">' +
-              '<span>Pin: ' + entry.pin + '</span>' +
+          '<article class="steering_neutral_card steering_neutral_card_compact' + (isDirty ? ' is_dirty' : '') + '">' +
+            '<div class="steering_neutral_compact_row">' +
+              '<div class="steering_neutral_card_header steering_neutral_card_header_compact">' +
+                '<strong class="steering_neutral_title">' + entry.wheel_label + '</strong>' +
+              '</div>' +
+              '<div class="steering_neutral_value_row steering_neutral_value_row_compact">' +
+                '<button class="button buttonWarm steering_neutral_adjust" onclick="adjustSteeringNeutralValue(\'' + wheel + '\', -' + STEERING_NEUTRAL_STEP + ')">-</button>' +
+                '<strong class="steering_neutral_value">' + entry.value + '</strong>' +
+                '<button class="button buttonA steering_neutral_adjust" onclick="adjustSteeringNeutralValue(\'' + wheel + '\', ' + STEERING_NEUTRAL_STEP + ')">+</button>' +
+              '</div>' +
             '</div>' +
           '</article>'
         );
diff --git a/ExoMy_Software-master/gui/style.css b/ExoMy_Software-master/gui/style.css
index b00844a..df11db5 100644
--- a/ExoMy_Software-master/gui/style.css
+++ b/ExoMy_Software-master/gui/style.css
@@ -841,6 +841,11 @@ h2 {
     0 8px 18px rgba(109, 126, 132, 0.08);
 }
 
+.steering_neutral_card_compact {
+  gap: 0.35rem;
+  padding: 0.55rem 0.65rem;
+}
+
 .steering_neutral_card.is_dirty {
   border-color: rgba(214, 145, 42, 0.52);
   box-shadow:
@@ -878,6 +883,25 @@ h2 {
   gap: 0.18rem;
 }
 
+.steering_neutral_compact_row {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) auto;
+  gap: 0.55rem;
+  align-items: center;
+}
+
+.steering_neutral_card_header_compact {
+  display: flex;
+  align-items: center;
+  min-width: 0;
+}
+
+.steering_neutral_title {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
 .steering_neutral_value_row {
   display: grid;
   grid-template-columns: 2.8rem minmax(0, 1fr) 2.8rem;
@@ -885,6 +909,11 @@ h2 {
   align-items: center;
 }
 
+.steering_neutral_value_row_compact {
+  grid-template-columns: 2.45rem minmax(3.6rem, auto) 2.45rem;
+  gap: 0.35rem;
+}
+
 .steering_neutral_value {
   text-align: center;
   font-family: Consolas, "Courier New", monospace;
@@ -1107,6 +1136,10 @@ h2 {
     grid-template-columns: 1fr;
   }
 
+  .steering_neutral_compact_row {
+    grid-template-columns: 1fr;
+  }
+
   .motor_test_feedback_card {
     grid-template-columns: 1fr;
   }