Trying <br> tags to see if we can make this layout a bit nicer.

distro-packages/Arch-Linux/skald-git/PKGBUILD

@@ -2,7 +2,7 @@
 # shellcheck shell=bash disable=SC2034,SC2154
 
 pkgname=skald-git
-pkgver=0.0.0.r1544.g6cd3ec1
+pkgver=0.0.0.r1545.g0d2bd1c
 pkgrel=1
 pkgdesc='Audio-only hall-based conferencing server'
 arch=('x86_64' 'aarch64')

static/skald.html

@@ -80,7 +80,11 @@
                     <h2 id="chalkboard-heading">Virtual chalkboard</h2>
                     <textarea id="chalkboard" aria-labelledby="chalkboard-heading" hidden></textarea>
                     <div id="chalkboard-view" tabindex="0" aria-labelledby="chalkboard-heading" hidden>
+                      <br>
+                      <br>
                       <pre id="chalkboard-view-text"></pre>
+                      <br>
+                      <br>
                     </div>
                     <button id="chalkboard-copy" type="button" class="btn btn-default" disabled>Copy to clipboard</button>
                   </div>

webserver/static_accessibility_test.go

@@ -81,6 +81,8 @@ func TestChalkboardReadOnlyViewIsNotAnEditBox(t *testing.T) {
 
 	requireContains(t, html, `<textarea id="chalkboard" aria-labelledby="chalkboard-heading" hidden>`, "chalkboard editor")
 	requireContains(t, html, `<div id="chalkboard-view" tabindex="0" aria-labelledby="chalkboard-heading" hidden>`, "chalkboard view")
+	requireContains(t, html, "<br>\n                      <br>\n                      <pre id=\"chalkboard-view-text\"></pre>", "chalkboard view leading breaks")
+	requireContains(t, html, "<pre id=\"chalkboard-view-text\"></pre>\n                      <br>\n                      <br>", "chalkboard view trailing breaks")
 	requireContains(t, html, `<pre id="chalkboard-view-text"></pre>`, "chalkboard view text")
 	requireContains(t, css, "white-space: pre-wrap", "chalkboard view")
 	requireContains(t, css, "#chalkboard[hidden]", "chalkboard hidden state")