From cf0070a844e3c70a0087ad20dcd2d17972187e46 Mon Sep 17 00:00:00 2001
From: Varun Patil <varunpatil@ucla.edu>
Date: Mon, 13 May 2024 09:36:10 -0700
Subject: [PATCH] status: fix column width

---
 framework/ndn-testbed-status/src/App.vue | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/framework/ndn-testbed-status/src/App.vue b/framework/ndn-testbed-status/src/App.vue
index cbeed90..c59fd94 100644
--- a/framework/ndn-testbed-status/src/App.vue
+++ b/framework/ndn-testbed-status/src/App.vue
@@ -43,9 +43,11 @@
             warning: getFromNow(router.status?.timestamp ?? 0) < -1800,
           }">{{ getFromNowStr(router.status?.timestamp, 'seconds')  }}</td>
           <td :class="{
+            forceshort: true,
             warning: (router.status?.tls?.expiry ?? -1) < 0,
             okay: getFromNow(router.status?.tls?.expiry ?? -1) > 7 * 86400,
-          }">{{ getFromNowStr(router.status?.tls?.expiry, 'days') || router.status?.tls?.error }}</td>
+          }" :title="router.status?.tls?.error ?? ''"
+          >{{ getFromNowStr(router.status?.tls?.expiry, 'days') || router.status?.tls?.error }}</td>
           <td :class="{
             okay: !!router.status?.['ws-tls'],
             warning: !router.status?.['ws-tls'],
@@ -255,6 +257,9 @@ td.warning {
 td.blue {
   background-color: #aaaaff;
 }
+td.forceshort {
+  max-width: 80px;
+}
 
 a {
   color: blue;