From 1f47562b7e5da0325e1ed1c82aae0d6b8c74af3d Mon Sep 17 00:00:00 2001
From: Hykilpikonna <admin@moecraft.cc>
Date: Mon, 23 Dec 2019 10:40:21 -0500
Subject: [PATCH] [S] Put description in image

---
 src/App.vue | 21 ++++++++++++++-------
 1 file changed, 14 insertions(+), 7 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 1f134a9..ac5f0a7 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -8,10 +8,11 @@
         <div id="artwork-container">
             <el-card class="artwork" :body-style="{padding: '0px'}"
                      v-for="artwork in artworks">
-                <div class="image" :style="{'background-image': artwork.imgThumb}"></div>
-                <div style="padding: 14px;">
-                    <div class="title">{{artwork.title}}</div>
-                    <div class="time">{{artwork.rawDate}}</div>
+                <div class="image" :style="{'background-image': artwork.imgThumb}">
+                    <div class="description">
+                        <div class="title">{{artwork.title}}</div>
+                        <div class="time">{{artwork.rawDate}}</div>
+                    </div>
                 </div>
             </el-card>
         </div>
@@ -181,16 +182,22 @@
         {
             display: inline-block;
             margin: 2vh;
+            border: none;
 
             .image
             {
-                height: 30vh;
+                height: 40vh;
                 width: 30vh;
             }
 
-            .time
+            .description
             {
-                font-size: 12px;
+                padding: 14px;
+
+                .time
+                {
+                    font-size: 12px;
+                }
             }
         }
     }