UI cleanup and changes

static/css/album.css

@@ -2,19 +2,26 @@ h1 {
   margin: 0;
 }
 
-main p, h4 {
-  text-align: center;
+.pfp {
+  border-radius: 100%;
 }
 
-main video,
-main img {
+.post__media {
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+}
+
+.post__media video,
+.post__media img {
   margin: 1em 0;
   max-width: 100%;
   max-height: 85vh;
 }
 
-.pfp {
-  border-radius: 100%;
+.post__media p {
+  margin-left: 1rem;
+  align-self: flex-start;
 }
 
 .imageMeta__wrapper,
@@ -31,6 +38,7 @@ main img {
 
 .imageMeta__wrapper {
   gap: 1rem;
+  margin-top: 0.5em;
 }
 
 .user {
@@ -44,6 +52,7 @@ main img {
   display: flex;
   gap: 10px;
   flex-flow: wrap;
+  margin-top: 1em;
 }
 
 .tag {

static/css/base.css

@@ -24,11 +24,6 @@ nav {
   align-items: center;
 }
 
-.center {
-  display: flex;
-  justify-content: center;
-}
-
 .logo {
   filter: invert(1) hue-rotate(180deg);
 }

static/css/comments.css

@@ -5,6 +5,7 @@
 }
 
 .comments {
+  margin-top: 1em;
   gap: 0.25em;
   display: flex;
   flex-direction: column;
@@ -49,7 +50,8 @@
 
 .comment__media {
   height: 10em;
-  display: block
+  display: block;
+  margin: 0.5em 0;
 }
 
 .comment__updatedDate {