From 7cfe8750849744f18c3241ceba9847a57db3a661 Mon Sep 17 00:00:00 2001
From: video-prize-ranch <cb.8a3w5@simplelogin.co>
Date: Mon, 17 Jan 2022 19:21:43 -0500
Subject: [PATCH] Add date

---
 static/css/album.css | 10 ++++++++++
 views/gallery.hbs    |  7 ++++++-
 2 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/static/css/album.css b/static/css/album.css
index 80c56b7..f334694 100644
--- a/static/css/album.css
+++ b/static/css/album.css
@@ -2,14 +2,24 @@ h1 {
   margin: 0;
 }
 
+p {
+  margin: 0.5em 0;
+}
+
 img {
   max-width: 100%;
 }
 
 .imageMeta__wrapper,
+.imageMeta__item,
 .imageMeta {
   display: flex;
   gap: 12px;
+  align-items: center;
+}
+
+.imageMeta__item {
+  gap: 4px;
 }
 
 .imageMeta__wrapper {
diff --git a/views/gallery.hbs b/views/gallery.hbs
index a68132b..c1e07b3 100644
--- a/views/gallery.hbs
+++ b/views/gallery.hbs
@@ -15,9 +15,14 @@
   <main>
     <h1>{{album.Title}}</h1>
 
+    <p>{{album.CreatedAt}}</p>
+
     <div class="imageMeta__wrapper">
       <div class="imageMeta">
-        <p><span class="material-icons-outlined" title="Views">visibility</span> {{album.Views}}</p>
+        <div class="imageMeta__item">
+          <span class="material-icons-outlined" title="Views">visibility</span>
+          <p>{{album.Views}}</p>
+        </div>
         {{#unless isAlbum}}
         <p><span class="material-icons-outlined" title="Likes">thumb_up</span> {{album.Upvotes}}</p>
         <p><span class="material-icons-outlined" title="Dislilkes">thumb_down</span> {{album.Downvotes}}</p>