From c3a573bf63133f3397931c6ce68a07af5f85a7e9 Mon Sep 17 00:00:00 2001
From: Luke Warlow <luke@warlow.dev>
Date: Thu, 12 Mar 2026 00:44:32 +0000
Subject: [PATCH] Fix TrendsChart date input value getting clipped on chrome
 android

There's a bug where the date input value reserves margin right even when it doesn't need to, this leads to the value getting clipped.

We override the margin to fix that.

Fixes: #1931
---
 app/components/Package/TrendsChart.vue | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/app/components/Package/TrendsChart.vue b/app/components/Package/TrendsChart.vue
index 7d08014719..bc257c15a1 100644
--- a/app/components/Package/TrendsChart.vue
+++ b/app/components/Package/TrendsChart.vue
@@ -2105,4 +2105,8 @@ watch(selectedMetric, value => {
 [data-minimap-visible='false'] .vue-data-ui-watermark {
   top: calc(100% - 2rem) !important;
 }
+
+input::-webkit-date-and-time-value {
+  margin-inline: 4px;
+}
 </style>