3 files changed, 17 insertions, 8 deletions

diff --git a/src/mixins/post.pug b/src/mixins/post.pug
index 9dd0748..287c422 100644
--- a/src/mixins/post.pug
+++ b/src/mixins/post.pug
@@ -32,6 +32,9 @@ mixin post(p)
         else if p.post_hint == "hosted:video"
           - var url = p.secure_media.reddit_video.scrubber_media_url
           video(src=url data-dashjs-player width='100px' height='100px' onclick=`toggleDetails('${p.id}')`)
+        else if !p.selftext
+          a(href=p.url)
+            | ↗
 
     if p.is_gallery && p.is_gallery == true
       if p.gallery_data
@@ -65,7 +68,7 @@ mixin post(p)
         - var url = p.secure_media.reddit_video.dash_url
         video(src=url controls data-dashjs-player loading="lazy").post-media
         button(onclick=`toggleDetails('${p.id}')`) close
-    else if p.post_hint == "link" && p.thumbnail && p.thumbnail != "self" && p.thumbnail != "default"
+    else if !p.post_hint || (p.post_hint == "link" && p.thumbnail && p.thumbnail != "self" && p.thumbnail != "default")
       details(id=`${p.id}`)
         summary expand link
         a(href=`${p.url}`)
diff --git a/src/public/styles.css b/src/public/styles.css
index b9da7a1..4dc2740 100644
--- a/src/public/styles.css
+++ b/src/public/styles.css
@@ -3,6 +3,7 @@
 :root {
   /* Light mode colors */
   --bg-color: white;
+  --bg-color-muted: #eee;
   --text-color: black;
   --text-color-muted: #999;
   --blockquote-color: green;
@@ -13,6 +14,7 @@
 @media (prefers-color-scheme: dark) {
   :root {
     --bg-color: black;
+    --bg-color-muted: #333;
     --text-color: white;
     --text-color-muted: #999;
     --blockquote-color: green;
@@ -230,7 +232,7 @@ hr {
 .post-media {
   display: block;
   margin: 0 auto;
-  max-width: 85%;
+  max-width: 95%;
   padding: 5px;
 }
 
@@ -249,6 +251,10 @@ hr {
   text-decoration: none;
 }
 
+.title-container > a:hover {
+  text-decoration: underline;
+}
+
 .title-container > a:visited {
   color: var(--text-color-muted)
 }
@@ -269,7 +275,7 @@ blockquote {
 }
 
 pre, code {
-  background: #eee;
+  background: var(--bg-color-muted);
 }
 
 pre {
@@ -308,17 +314,15 @@ a {
   display: flex;
   overflow-x: auto;
   position: relative;
-  scroll-snap-type: x mandatory;
   padding: 5px;
 }
 
 .gallery-item {
     flex: 0 0 auto;
-    scroll-snap-align: start;
     margin-right: 10px;
 }
 
 .gallery img {
     width: auto;
-    height: 300px;
+    max-height: 500px;
 }
diff --git a/src/views/comments.pug b/src/views/comments.pug
index 9d02a01..8d5acf3 100644
--- a/src/views/comments.pug
+++ b/src/views/comments.pug
@@ -36,8 +36,8 @@ html
         else if post.post_hint == 'hosted:video'
           - var url = post.secure_media.reddit_video.dash_url
           video(controls data-dashjs-player src=`${url}`).post-media
-        else if post.post_hint == "link" && post.thumbnail && post.thumbnail != "self" && post.thumbnail != "default"
-          a(href=`${post.url}`)
+        else if !post.selftext
+          a(href=post.url)
             | #{post.url}
 
         if post.selftext_html
@@ -47,6 +47,8 @@ html
           p
             | #{fmtnum(post.ups)} ↑ 
             |  ·  by u/#{post.author} 
+            |  ·  
+            | #{timeDifference(Date.now(), post.created * 1000)}
 
         hr