From 5e01e5d99f4402f22ca24564c34c551a72e2a3cf Mon Sep 17 00:00:00 2001
From: ben <koppe.development@gmail.com>
Date: Sun, 30 Nov 2025 16:50:19 -0500
Subject: [PATCH 1/3] Add description field to monitor and utilize in template

---
 internal/glance/templates/monitor.html | 3 +++
 internal/glance/widget-monitor.go      | 1 +
 2 files changed, 4 insertions(+)

diff --git a/internal/glance/templates/monitor.html b/internal/glance/templates/monitor.html
index cbdcbae1..43bd7983 100644
--- a/internal/glance/templates/monitor.html
+++ b/internal/glance/templates/monitor.html
@@ -27,6 +27,9 @@
 <div class="grow min-width-0">
     <a class="size-h3 color-highlight text-truncate block" href="{{ .URL | safeURL }}" {{ if not .SameTab }}target="_blank"{{ end }} rel="noreferrer">{{ .Title }}</a>
     <ul class="list-horizontal-text">
+        {{ if .Description }}
+        <li class="text-truncate">{{ .Description }}</li>
+        {{ end }}
         {{ if not .Status.Error }}
         <li title="{{ .Status.Code }}">{{ .StatusText }}</li>
         <li>{{ .Status.ResponseTime.Milliseconds | formatNumber }}ms</li>
diff --git a/internal/glance/widget-monitor.go b/internal/glance/widget-monitor.go
index cdce0d6b..b10f15cd 100644
--- a/internal/glance/widget-monitor.go
+++ b/internal/glance/widget-monitor.go
@@ -23,6 +23,7 @@ type monitorWidget struct {
 		URL                string          `yaml:"-"`
 		ErrorURL           string          `yaml:"error-url"`
 		Title              string          `yaml:"title"`
+		Description        string          `yaml:"description"`
 		Icon               customIconField `yaml:"icon"`
 		SameTab            bool            `yaml:"same-tab"`
 		StatusText         string          `yaml:"-"`

From 9bd2e52203c648853732e1c07f300faca647dd2e Mon Sep 17 00:00:00 2001
From: ben <koppe.development@gmail.com>
Date: Sun, 30 Nov 2025 18:29:32 -0500
Subject: [PATCH 2/3] Add css to prevent wrapping with long descriptions

---
 internal/glance/static/css/utils.css   | 8 ++++++++
 internal/glance/templates/monitor.html | 4 +++-
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/internal/glance/static/css/utils.css b/internal/glance/static/css/utils.css
index 3bbb48cd..481bc607 100644
--- a/internal/glance/static/css/utils.css
+++ b/internal/glance/static/css/utils.css
@@ -253,6 +253,14 @@ details[open] .summary::after {
     text-align: left;
 }
 
+.stretch-to-content {
+  min-width: 0;
+  display: flex;
+  flex-grow: 1;
+  flex-basis: 0%;
+  max-width: max-content;
+}
+
 .visited-indicator:not(:visited)::before, .visited-indicator:not(:visited)::after {
     color: var(--color-primary);
 }
diff --git a/internal/glance/templates/monitor.html b/internal/glance/templates/monitor.html
index 43bd7983..30210419 100644
--- a/internal/glance/templates/monitor.html
+++ b/internal/glance/templates/monitor.html
@@ -28,7 +28,9 @@
     <a class="size-h3 color-highlight text-truncate block" href="{{ .URL | safeURL }}" {{ if not .SameTab }}target="_blank"{{ end }} rel="noreferrer">{{ .Title }}</a>
     <ul class="list-horizontal-text">
         {{ if .Description }}
-        <li class="text-truncate">{{ .Description }}</li>
+        <div class="stretch-to-content">
+          <li class="text-truncate">{{ .Description }}</li>
+        </div>
         {{ end }}
         {{ if not .Status.Error }}
         <li title="{{ .Status.Code }}">{{ .StatusText }}</li>

From f793096fe560e495ed0accc5a0c5a025022d3bd8 Mon Sep 17 00:00:00 2001
From: ben <koppe.development@gmail.com>
Date: Sun, 30 Nov 2025 18:35:39 -0500
Subject: [PATCH 3/3] Document `description` configuration in
 `configuration.md`

---
 docs/configuration.md | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/docs/configuration.md b/docs/configuration.md
index 174de834..9f923ac3 100644
--- a/docs/configuration.md
+++ b/docs/configuration.md
@@ -1963,6 +1963,7 @@ Properties for each site:
 | check-url | string | no | |
 | error-url | string | no | |
 | icon | string | no | |
+| description | string | no | |
 | timeout | string | no | 3s |
 | allow-insecure | boolean | no | false |
 | same-tab | boolean | no | false |
@@ -1989,6 +1990,10 @@ If the monitored service returns an error, the user will be redirected here. If
 
 See [Icons](#icons) for more information on how to specify icons.
 
+`description`
+
+A short description displayed below the title. Unset by default.
+
 `timeout`
 
 How long to wait for a response from the server before considering it unreachable. The value is a string and must be a number followed by one of s, m, h, d. Example: `5s` for 5 seconds, `1m` for 1 minute, etc.