web/jsonview: fix extra newlines when copying json

web/src/index.css

@@ -153,7 +153,7 @@ input, textarea {
 	font-size: 1em;
 }
 
-button, a.button {
+button, a.button, span.button {
 	cursor: var(--clickable-cursor);
 	font-size: 1em;
 	background: none;

web/src/ui/util/JSONView.css

@@ -15,9 +15,13 @@ pre.json-view {
 		user-select: none;
 	}
 
-	button {
+	span.button {
 		padding: 0 .25rem;
 		display: inline-flex;
+
+		&::before {
+			content: attr(data-symbol);
+		}
 	}
 
 	/* If the screen is wide enough, make line-wrapped strings aligned after the object key */

web/src/ui/util/JSONView.tsx

@@ -82,9 +82,12 @@ function JSONValueWithKey({ data, objectKey, trailingComma, noCollapse }: JSONVi
 		? <span className="json-object-comma p">,</span>
 		: null
 	const collapseButton = noCollapse ? null :
-		<button onClick={toggleCollapsed} title={collapsed ? "Expand" : "Collapse"}>
-			{collapsed ? "+" : "-"}
-		</button>
+		<span
+			className="button"
+			data-symbol={collapsed ? "+" : "-"}
+			onClick={toggleCollapsed}
+			title={collapsed ? "Expand" : "Collapse"}
+		/>
 	if (Array.isArray(data)) {
 		return <>
 			{renderedKey}