From fd5acd4861eac0c814f238937a598dd3b529840e Mon Sep 17 00:00:00 2001
From: Tanner Collin <git@tannercollin.com>
Date: Wed, 3 Dec 2025 00:50:58 +0000
Subject: [PATCH] refactor: Convert 'show more' div to semantic button

Co-authored-by: aider (gemini/gemini-2.5-pro) <aider@aider.chat>
---
 webclient/src/Comments.js     |  2 +-
 webclient/src/Style-light.css | 15 +++++++++++++++
 2 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/webclient/src/Comments.js b/webclient/src/Comments.js
index 6da4ba1..5ae75b8 100644
--- a/webclient/src/Comments.js
+++ b/webclient/src/Comments.js
@@ -93,7 +93,7 @@ function Comments({ cache }) {
 				<div className={isCollapsed ? 'text hidden' : 'text'}  dangerouslySetInnerHTML={{ __html: c.text || '<p>[Empty / deleted comment]</p>'}} />
 
 				{hidden && hasChildren ?
-					<div className='comment lined info pointer' onClick={() => expandComment(cid)}>[show {countComments(c)-1} more]</div>
+					<button className='comment lined info pointer' onClick={() => expandComment(cid)}>[show {countComments(c)-1} more]</button>
 				:
 					c.comments.map(i => displayComment(story, i, level + 1))
 				}
diff --git a/webclient/src/Style-light.css b/webclient/src/Style-light.css
index 0abd3c1..7925923 100644
--- a/webclient/src/Style-light.css
+++ b/webclient/src/Style-light.css
@@ -225,6 +225,21 @@ button.collapser {
 	color: inherit;
 }
 
+button.comment {
+	background: transparent;
+	border-top: none;
+	border-right: none;
+	border-bottom: none;
+	margin: 0;
+	padding-top: 0;
+	padding-right: 0;
+	padding-bottom: 0;
+	font: inherit;
+	color: inherit;
+	text-align: left;
+	width: 100%;
+}
+
 .comment .pointer {
 	cursor: pointer;
 }