From 1ecc05add472422ea157fa41ddf4b799456c12fc Mon Sep 17 00:00:00 2001
From: Graham McIntire <graham@mcintire.me>
Date: Sun, 22 Mar 2026 16:19:57 -0500
Subject: [PATCH] fix: device info alignment and duplicate chart x-axis labels
 (#117)

- Add missing flex-1/text-right classes to Resolved IP row
- Add justify-end to Operating System flex container
- Fix duplicate time labels on 24h traffic chart by excluding boundary ticks

Reviewed-on: https://git.mcintire.me/graham/towerops-web/pulls/117
---
 assets/js/app.ts                                 | 3 ++-
 lib/towerops_web/live/device_live/show.html.heex | 4 ++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/assets/js/app.ts b/assets/js/app.ts
index 3c4bc0f8..cfe328ab 100644
--- a/assets/js/app.ts
+++ b/assets/js/app.ts
@@ -313,7 +313,8 @@ const SensorChart: SensorChartHook = {
               return date.toLocaleTimeString('en-US', { hour: '2-digit', minute: '2-digit', hour12: false })
             }
           },
-          maxTicksLimit: 12
+          maxTicksLimit: 9,
+          includeBounds: false
         },
         grid: {
           display: false
diff --git a/lib/towerops_web/live/device_live/show.html.heex b/lib/towerops_web/live/device_live/show.html.heex
index 2b22c6a9..2f599da0 100644
--- a/lib/towerops_web/live/device_live/show.html.heex
+++ b/lib/towerops_web/live/device_live/show.html.heex
@@ -412,7 +412,7 @@
                         {t("Resolved IP")}
                       </dt>
                       <dd
-                        class="text-sm font-medium text-gray-900 dark:text-white font-mono group/rip cursor-pointer"
+                        class="flex-1 text-right ml-4 text-sm font-medium text-gray-900 dark:text-white font-mono group/rip cursor-pointer"
                         phx-click={JS.dispatch("phx:copy", detail: %{text: @device.ip_address})}
                         title={t("Click to copy")}
                       >
@@ -436,7 +436,7 @@
                         Operating System
                       </dt>
                       <dd class="flex-1 text-right ml-4 text-sm font-medium text-gray-900 dark:text-white">
-                        <div class="flex items-center gap-2">
+                        <div class="flex items-center justify-end gap-2">
                           <span>
                             {cond do
                               @snmp_device.manufacturer && @snmp_device.firmware_version ->