From 99866507f54677169e17feaeb2136d1373192bfb Mon Sep 17 00:00:00 2001
From: Svilen Markov <7613769+svilenmarkov@users.noreply.github.com>
Date: Sat, 31 Aug 2024 17:35:53 +0100
Subject: [PATCH] Fix overflowing text in monitor widget

---
 internal/assets/templates/monitor.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/internal/assets/templates/monitor.html b/internal/assets/templates/monitor.html
index bfb2ca9..ecec09f 100644
--- a/internal/assets/templates/monitor.html
+++ b/internal/assets/templates/monitor.html
@@ -35,8 +35,8 @@
 {{ if .IconUrl }}
 <img class="monitor-site-icon{{ if .IsSimpleIcon }} simple-icon{{ end }}" src="{{ .IconUrl }}" alt="" loading="lazy">
 {{ end }}
-<div>
-    <a class="size-h3 color-highlight" href="{{ .URL }}" {{ if not .SameTab }}target="_blank"{{ end }} rel="noreferrer">{{ .Title }}</a>
+<div class="min-width-0">
+    <a class="size-h3 color-highlight text-truncate block" href="{{ .URL }}" {{ if not .SameTab }}target="_blank"{{ end }} rel="noreferrer">{{ .Title }}</a>
     <ul class="list-horizontal-text">
         {{ if not .Status.Error }}
         <li title="{{ .Status.Code }}">{{ .StatusText }}</li>