RWD; Update a bunch of stuff which I've forgotten what it is I've done.

src/partials/_a_chunk_list.scss

@@ -1,16 +1,22 @@
-.chunk_list,
-.pane_main .main_body .chunk_list {
-    display: flex;
-    flex-direction: column;
-    padding: 0;
-    text-align: left;
+/*
+All specificities to do with Chunk Lists are a disaster.
+
+Hopefully, I will attempt to clean up this steaming pile of shit so that I don't have to deal with conflicts (.main_body .body vs. .chunk .body in particular), but we'll see.
+*/
+
+.chunk_list {
+    display: grid;
+
+    width: 100%;
 
     .chunk + .chunk {
         margin-top: var(--spacing-horizontal);
     }
 
     .chunk {
-        .header {
+        width: inherit;
+
+        > .header {
             display: grid;
             grid-auto-flow: row;
             grid-template-columns: 1fr min-content;
@@ -24,10 +30,7 @@
 
             text-align: start;
 
-            /*width: calc(100% - calc(var(--spacing-horizontal) * 2));*/
-            width: 100%;
-
-            margin: 0;
+            width: inherit;
 
             .name,
             .subtitle,
@@ -35,10 +38,6 @@
                 margin: inherit;
             }
 
-            .name {
-                white-space: nowrap;
-            }
-
             .subtitle {
                 display: inline-block;
 
@@ -58,7 +57,7 @@
             }
         }
 
-        .body {
+        > .body {
             padding: 0 calc(var(--spacing-horizontal) * 2);
 
             ul {
@@ -71,3 +70,16 @@
         }
     }
 }
+
+@media only screen and (max-width: 500px) {
+    .chunk_list .chunk {
+        > .header {
+            column-gap: var(--spacing-horizontal);
+        }
+
+        > .body {
+            /* Collapse the L/R padding to maximize usable space */
+            padding: 0;
+        }
+    }
+}