fix text layout for the image description stuff

make-pages/SinglePage.hs

@@ -178,10 +178,7 @@ makeDesc (TextDesc desc) = [b|@0
   |]
 makeDesc (LongDesc fs) = [b|@0
     <section id=desc class=info-section>
-      <h2>about</h2>
-      <div>
-        $4.fields
-      </div>
+      $2.fields
     </section>
   |]
  where

style/shiny/single.css

@@ -110,13 +110,22 @@
   margin: auto;
 }
 
-.info-section {
+#info {
   display: grid;
-  grid-template-columns: 10% auto;
-  grid-gap: 2em;
+  grid-template-columns: min-content auto;
+  column-gap: 1em;
   align-items: baseline;
 }
 
+/* 'display: contents' removes things from the accessibility tree
+ * which is probably only a problem for screen readers?
+ */
+@media not speech {
+  .info-section {
+    display: contents;
+  }
+}
+
 #info figure {
   width: min-content;
   margin: 0.25em auto;