From b4e48bb2b16d547ba891fe92cb41c6725d8a20b7 Mon Sep 17 00:00:00 2001
From: Jeremy Ruston <jeremy@jermolene.com>
Date: Mon, 21 Apr 2025 12:26:56 +0100
Subject: [PATCH] Full width buttons are easier to click

---
 .../internals/filterinspection/inspect-filter.tid           | 4 ++--
 plugins/tiddlywiki/internals/filterinspection/styles.tid    | 6 ++++++
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/plugins/tiddlywiki/internals/filterinspection/inspect-filter.tid b/plugins/tiddlywiki/internals/filterinspection/inspect-filter.tid
index 779c61e32..672cb0449 100644
--- a/plugins/tiddlywiki/internals/filterinspection/inspect-filter.tid
+++ b/plugins/tiddlywiki/internals/filterinspection/inspect-filter.tid
@@ -17,7 +17,7 @@ tags: $:/tags/Macro
 			stateScroll={{{ [<state>addsuffix[scroll]] }}}
 		>
 			<div class="tc-box-header">
-				<$button class="tc-btn-invisible" style.fill="inherit">
+				<$button class="tc-btn-invisible tc-box-content-full-width-button" style.fill="inherit">
 					<%if [<folded>match[yes]] %>
 						<$action-setfield $tiddler=<<stateFolded>> text="no"/>
 					<%else%>
@@ -45,7 +45,7 @@ tags: $:/tags/Macro
 							</$list>
 							<%if [<jsonList>jsonindexes[]count[]compare:number:gt<maxRows>] %>
 								<div class="tc-box-content-list-more">
-									<$button class="tc-btn-invisible" style.fill="inherit">
+									<$button class="tc-btn-invisible tc-box-content-full-width-button" style.fill="inherit">
 										<$action-setfield $tiddler=<<stateMaxRows>> text={{{ [<maxRows>add[10]] }}}/>
 										{{$:/core/images/chevron-down}}
 										<$text text="more"/>
diff --git a/plugins/tiddlywiki/internals/filterinspection/styles.tid b/plugins/tiddlywiki/internals/filterinspection/styles.tid
index cc5271241..2b9ff543b 100644
--- a/plugins/tiddlywiki/internals/filterinspection/styles.tid
+++ b/plugins/tiddlywiki/internals/filterinspection/styles.tid
@@ -62,6 +62,12 @@ tags: $:/tags/Stylesheet
 	padding: 0.25em;
 }
 
+.tc-box-content-full-width-button {
+	display: block;
+	width: 100%;
+	text-align: left;
+}
+
 .tc-box-content-list-more,
 .tc-box-content-list-more .tc-btn-invisible  {
 	color: var(--box-background-color);