From ebe2966316ffcef29a35ae60ab7c3a8f6953b463 Mon Sep 17 00:00:00 2001
From: Mathis Mensing <github@matmen.dev>
Date: Thu, 1 Feb 2024 10:58:18 +0100
Subject: [PATCH] fix(thermals): size columns dynamically, disallow line breaks
 (#1340)

Signed-off-by: Mathis Mensing <github@matmen.dev>
---
 .../widgets/thermals/TemperatureTargets.vue   | 19 +++++++++----------
 1 file changed, 9 insertions(+), 10 deletions(-)

diff --git a/src/components/widgets/thermals/TemperatureTargets.vue b/src/components/widgets/thermals/TemperatureTargets.vue
index 8b99a0dc16..782734e6af 100644
--- a/src/components/widgets/thermals/TemperatureTargets.vue
+++ b/src/components/widgets/thermals/TemperatureTargets.vue
@@ -3,24 +3,23 @@
     <v-simple-table class="temperature-table">
       <thead>
         <tr>
-          <th width="1%" />
-          <th :width="showRateOfChange ? '94%' : '95%'">
+          <th />
+          <th width="100%">
             {{ $t('app.chart.label.item') }}
           </th>
-          <th width="1%">
+          <th>
             {{ $t('app.chart.label.power') }}
           </th>
           <th
             v-if="showRateOfChange"
-            width="1%"
           >
             {{ $t('app.chart.label.rate_of_change') }}
           </th>
-          <th width="1%">
+          <th>
             {{ $t('app.chart.label.current') }}
           </th>
-          <th width="1%" />
-          <th width="1%">
+          <th />
+          <th>
             {{ $t('app.chart.label.target') }}
           </th>
         </tr>
@@ -61,7 +60,7 @@
           </td>
           <td
             v-if="showRateOfChange"
-            class="rate-of-change"
+            class="text-no-wrap"
           >
             <span
               :class="{ 'active': chartSelectedLegends[item.key + 'Power'] }"
@@ -136,7 +135,7 @@
           </td>
           <td
             v-if="showRateOfChange"
-            class="rate-of-change"
+            class="text-no-wrap"
           >
             <span
               :class="{ 'active': chartSelectedLegends[item.key + 'Power'] }"
@@ -205,7 +204,7 @@
           </td>
           <td
             v-if="showRateOfChange"
-            class="rate-of-change"
+            class="text-no-wrap"
           >
             <span class="legend-item">
               {{ getRateOfChange(item) }}<small>&deg;C/s</small>