Minor image/gallery/link tweaks post-consolidation. * Brings `comments` in line with `card` / `compact` gallery and `.image-viewer` styles. * Tweaks link positioning for `link` posts. * Force `video` scrubber previews to autoplay inline, mainly for mobile screens. * Adds `.image-viewer.main-content` style to handle media sizing and tweaks on `comments` view separate from `card` / `compact` views. * Switch to use `vmin` instead of `px` for `--border-radius-*` vars to properly scale across views and viewport sizes.

src/mixins/post.pug

···
               img(src=url onclick=onclick)
             else if isPostVideo(p)
               - var decodedVideos = decodePostVideoUrls(p)
-              video(autoplay="" muted="" data-dashjs-player="" onclick=`toggleDetails('${p.id}')` poster=decodedVideos[4] width="100px" height="100px")
+              video(autoplay="" playsinline="" muted="" data-dashjs-player="" onclick=`toggleDetails('${p.id}')` poster=decodedVideos[4] width="100px" height="100px")
                 // Scrubber
                 source(src=decodedVideos[3])
             else if isPostLink(p)

src/public/styles.css

···
   --link-visited-color: #999;
   --accent: var(--link-color);
   --error-text-color: red;
-  --border-radius-card: 8px;
-  --border-radius-media: 6px;
-  --border-radius-preview: 4px;
+  --border-radius-card: 4vmin;
+  --border-radius-media: 3vmin;
+  --border-radius-preview: 2vmin;
 
   font-family: Inter, sans-serif;
   font-feature-settings: 'ss01' 1, 'kern' 1, 'liga' 1, 'cv05' 1, 'dlig' 1, 'ss01' 1, 'ss07' 1, 'ss08' 1;
···
   object-fit: fill;
 }
 
+.image-viewer.main-content img,
+.image-viewer.main-content video {
+  max-height: 70vh;
+}
+
+.image-viewer.main-content a {
+  margin: unset;
+}
+
 .image-viewer a:has(img) {
   font-size: 0rem;
   padding: unset;
···
 .image-viewer a {
   font-size: 1.5rem;
   text-decoration: none;
-  padding: 1rem;
+  padding: unset;
+  margin: 1rem;
 }
 
 .media-maximized {
···
   }
   .image-viewer a {
     font-size: 1rem;
-    margin: 0.5rem;
+    margin: 1rem;
     padding: initial;
   }
   .self-text.card {
···
 details:not([open]) summary::before {
   content: "";
   padding-right: 10px;
-}
-
-details.compact {
-  /*
-  display: flex;
-  flex-basis: 100%;
-  */
 }
 
 .footer {

src/views/comments.pug

···
         h2.post-title
           != post.title
 
-        if isPostGallery(post)
-          div.gallery
-            each item in postGalleryItems(post)
-              div.gallery-item
-                div.gallery-item-idx
-                  | #{`${item.idx}/${item.total}`}
-                a(href=`/media/${item.url}`)
-                  img(src=item.url loading="lazy")
-        else if isPostImage(post)
-          a(href=`/media/${post.url}`)
-            img(src=post.url).post-media
-        else if isPostVideo(post)
-          - var url = post.secure_media.reddit_video.dash_url
-          video(controls data-dashjs-player src=`${url}`).post-media
-        else if isPostLink(post)
-          a(href=post.url)
-            | #{post.url}
+        div.image-viewer.main-content
+          if isPostGallery(post)
+            div.gallery
+              each item in postGalleryItems(post)
+                div.gallery-item
+                  a(href=`/media/${item.url}`)
+                    img(src=item.url loading="lazy")
+                  div.gallery-item-idx
+                    | #{`${item.idx}/${item.total}`}
+          else if isPostImage(post)
+            a(href=`/media/${post.url}`)
+              img(src=post.url).post-media
+          else if isPostVideo(post)
+            - var url = post.secure_media.reddit_video.dash_url
+            video(controls data-dashjs-player src=`${url}`).post-media
+          else if isPostLink(post)
+            a(href=post.url)
+              | #{post.domain} ↗
 
         if post.selftext_html
           div.self-text