fix: Minor CSS improvements

src/web/pages/resources/common.css

@@ -189,6 +189,12 @@ code {
     color: oklch(from var(--secondary) var(--name-lightness) c h);
 }
 
+pre {
+    background-color: oklch(from var(--panel-bg) calc(l - 0.05) c h);
+    border-radius: var(--border-radius-sm);
+    padding: 8px;
+}
+
 input, button, a.button {
     display: inline-block;
     padding: 0.5em;
@@ -254,6 +260,10 @@ h1 {
     margin-bottom: 0 !important;
 }
 
+.select-all {
+    user-select: all;
+}
+
 @media (max-width: 425px) {
     main {
         padding-block-start: 2rem;

src/web/pages/resources/error.css

@@ -7,6 +7,7 @@
     user-select: none;
     margin: 0;
     padding: 0;
+    background: none;
 }
 
 h1 {

src/web/pages/templates/device_info.html.j2

@@ -6,7 +6,7 @@ Device information
 
 {%- block content -%}
 <div class="panel">
-    <h1>About Device <a class="back" href="{{ crate::ROUTE_PREFIX }}/account/">Back</a></h1>
+    <h1>About device <a class="back" href="{{ crate::ROUTE_PREFIX }}/account/">Back</a></h1>
     {{ device_card }}
     {% if let Some((client_metadata, _)) = client_metadata %}
         <section>

src/web/pages/templates/index.html.j2

@@ -14,7 +14,7 @@
     <p>To get started, <em>check the server logs</em> for instructions on how to create the first account.</p>
     <p>For support, take a look at the <a href="https://continuwuity.org/introduction">documentation</a> or join the <a href="https://matrix.to/#/#continuwuity:continuwuity.org?via=continuwuity.org&via=ellis.link&via=explodie.org&via=matrix.org">Continuwuity Matrix room</a>.</p>
     {%- else %}
-    <p>To get started, <a href="https://matrix.org/ecosystem/clients">choose a client</a> and connect to <code>{{ server_name }}</code>.</p>
+    <p>To get started, <a href="https://matrix.org/ecosystem/clients">choose a client</a> and connect to <code class="select-all">{{ server_name }}</code>.</p>
     <p><a class="button" href="{{ crate::ROUTE_PREFIX }}/account/">Manage your account</a></p>
     {%- endif %}
 </div>