improvements to media preview, and galleries

1 files changed, 17 insertions, 5 deletions

diff --git a/src/public/styles.css b/src/public/styles.css
index 385b341..0d0998d 100644
--- a/src/public/styles.css
+++ b/src/public/styles.css
@@ -60,7 +60,7 @@ nav {
 @media (min-width: 768px) {
   .post, .comments-container, .hero, .header {
     flex: 1 1 65%;
-    width: 65%;
+    width: 75%;
   }
   .info-container, .comment-info-container {
     font-size: 0.8rem;
@@ -121,6 +121,10 @@ nav {
   margin-left: auto;
 }
 
+.media-preview img {
+  object-fit: cover;
+}
+
 .post-media {
   display: block;
   margin: 0 auto;
@@ -143,10 +147,6 @@ nav {
   color: #999;
 }
 
-.comment-info-container {
-  margin-bottom: -12px;
-}
-
 hr {
   border 1px solid #000;
 }
@@ -171,3 +171,15 @@ pre {
 code {
   overflow-x: auto;
 }
+
+p {
+  margin-top: 5px;
+}
+
+.comment-body {
+  text-align: left;
+}
+
+summary {
+  display: none;
+}