From 0739bc9a53144964bc45d744cc9cecc9a8ec49cb Mon Sep 17 00:00:00 2001
From: Ronni Skansing <rskansing@gmail.com>
Date: Wed, 29 Oct 2025 23:49:04 +0100
Subject: [PATCH] fix chart trendline boxes padding/vs native elements

Signed-off-by: Ronni Skansing <rskansing@gmail.com>
---
 .../src/lib/components/CampaignTrendChart.svelte     | 12 +++++-------
 1 file changed, 5 insertions(+), 7 deletions(-)

diff --git a/frontend/src/lib/components/CampaignTrendChart.svelte b/frontend/src/lib/components/CampaignTrendChart.svelte
index 92ddeb4..e347cab 100644
--- a/frontend/src/lib/components/CampaignTrendChart.svelte
+++ b/frontend/src/lib/components/CampaignTrendChart.svelte
@@ -1254,13 +1254,12 @@
 								>
 									Trendline N:
 									<input
-										type="number"
+										type="text"
 										min="1"
 										max={campaignStats.length}
 										bind:value={trendN}
 										on:input={() => (userHasSetTrendN = true)}
-										class="border border-gray-300 dark:border-gray-600 rounded px-1 py-0 w-10 text-xs bg-white dark:bg-gray-900 text-gray-700 dark:text-gray-200 hover:border-cta-blue dark:hover:border-highlight-blue focus:border-cta-blue dark:focus:border-highlight-blue transition-colors duration-200"
-										style="height: 1.5rem;"
+										class="h-6 w-8 px-2 text-center border border-gray-300 dark:border-gray-600 rounded py-0 text-xs bg-white dark:bg-gray-900 text-gray-700 dark:text-gray-200 hover:border-cta-blue dark:hover:border-highlight-blue focus:border-cta-blue dark:focus:border-highlight-blue transition-colors duration-200"
 									/>
 								</label>
 							{/if}
@@ -1269,12 +1268,11 @@
 							>
 								Moving Avg N:
 								<input
-									type="number"
+									type="text"
 									min="2"
 									max={campaignStats.length}
 									bind:value={movingAvgN}
-									class="border border-gray-300 dark:border-gray-600 rounded px-1 py-0 w-10 text-xs bg-white dark:bg-gray-900 text-gray-700 dark:text-gray-200 hover:border-cta-blue dark:hover:border-highlight-blue focus:border-cta-blue dark:focus:border-highlight-blue transition-colors duration-200"
-									style="height: 1.5rem;"
+									class="h-6 w-8 px-2 text-center border border-gray-300 dark:border-gray-600 rounded py-0 text-xs bg-white dark:bg-gray-900 text-gray-700 dark:text-gray-200 hover:border-cta-blue dark:hover:border-highlight-blue focus:border-cta-blue dark:focus:border-highlight-blue transition-colors duration-200"
 								/>
 							</label>
 							<label
@@ -1328,7 +1326,7 @@
 						<div
 							class="text-center text-gray-400 dark:text-gray-500 text-sm py-4 transition-colors duration-200"
 						>
-							No trendline stats to display (trendStats is null or not enough data).
+							No trendline stats to dsplay (trendStats is null or not enough data).
 						</div>
 					{/if}
 					<div class="mt-8 mb-6"></div>