Reduce drift to the right and try to emphasise the project name

Author: arqunis

docs/assets/index.css

@@ -111,9 +111,9 @@ <h2 class="caption">Projects:</h2>
 
                     <ul class="list" role="navigation">
                         <li class="serenity-project item">
-                            <h3 id="project-serenity">Serenity</h3>
+                            <h3 class="caption" id="project-serenity">Serenity</h3>
 
-                            <p>
+                            <p class="text -indent">
                                 The main project, providing support for
                                 Discord's Gateway and REST APIs.
                             </p>
@@ -154,9 +154,9 @@ <h4 class="caption">Documentation links:</h4>
                         </li>
 
                         <li class="serenity-project item">
-                            <h3 id="project-songbird">Songbird</h3>
+                            <h3 class="caption" id="project-songbird">Songbird</h3>
 
-                            <p class="text">
+                            <p class="text -indent">
                                 Songbird provides support for the voice portion
                                 of Discord's API.
                             </p>
@@ -197,13 +197,13 @@ <h4 class="caption">Documentation links:</h4>
                         </li>
 
                         <li class="serenity-project item">
-                            <h3 id="project-poise">Poise</h3>
+                            <h3 class="caption" id="project-poise">Poise</h3>
 
-                            <p class="text">
+                            <p class="text -indent">
                                 Poise is a command framework for Serenity.
                             </p>
 
-                            <p class="text">
+                            <p class="text -indent">
                                 It has support for prefix-based commands (e.g.
                                 <code>!ping</code>), as well as Discord's
                                 application commands, which natively integrate

docs/index.html

@@ -112,9 +112,9 @@ <h2 class="caption">Projects:</h2>
 
                     <ul class="list" role="navigation">
                         <li class="serenity-project item">
-                            <h3 id="project-serenity">Serenity</h3>
+                            <h3 class="caption" id="project-serenity">Serenity</h3>
 
-                            <p>
+                            <p class="text -indent">
                                 The main project, providing support for
                                 Discord's Gateway and REST APIs.
                             </p>
@@ -155,9 +155,9 @@ <h4 class="caption">Documentation links:</h4>
                         </li>
 
                         <li class="serenity-project item">
-                            <h3 id="project-songbird">Songbird</h3>
+                            <h3 class="caption" id="project-songbird">Songbird</h3>
 
-                            <p class="text">
+                            <p class="text -indent">
                                 Songbird provides support for the voice portion
                                 of Discord's API.
                             </p>
@@ -198,13 +198,13 @@ <h4 class="caption">Documentation links:</h4>
                         </li>
 
                         <li class="serenity-project item">
-                            <h3 id="project-poise">Poise</h3>
+                            <h3 class="caption" id="project-poise">Poise</h3>
 
-                            <p class="text">
+                            <p class="text -indent">
                                 Poise is a command framework for Serenity.
                             </p>
 
-                            <p class="text">
+                            <p class="text -indent">
                                 It has support for prefix-based commands (e.g.
                                 <code>!ping</code>), as well as Discord's
                                 application commands, which natively integrate

src/index.html

@@ -1,5 +1,14 @@
 @use "../base/dimensions";
 
+:root,
+:root[data-theme="light"] {
+    --border-colour: hsl(0, 0%, 0%);
+}
+
+:root[data-theme="dark"] {
+    --border-colour: hsl(0, 0%, 100%);
+}
+
 body {
     min-block-size: 100vh;
 }
@@ -64,6 +73,10 @@ footer {
 
     > .projects > .list {
         margin-block-start: 0;
+
+        padding-inline-start: 1em;
+
+        list-style: none;
     }
 
     > .widget {
@@ -79,21 +92,17 @@ footer {
 }
 
 .serenity-project {
+    > .caption {
+        margin-inline-start: -0.5em;
+
+        border-block-end: 1px solid var(--border-colour);
+    }
+
     > .text {
         max-inline-size: 70ch;
     }
 }
 
-:root,
-:root[data-theme="light"] {
-    --footer-border-colour: hsl(0, 0%, 0%);
-}
-
-:root,
-:root[data-theme="dark"] {
-    --footer-border-colour: hsl(0, 0%, 100%);
-}
-
 .footer-content {
-    border-block-start: 1px solid var(--footer-border-colour);
+    border-block-start: 1px solid var(--border-colour);
 }