From 0f6253366076e01281d147945b2f912d5a13a67a Mon Sep 17 00:00:00 2001
From: Hykilpikonna <admin@moecraft.cc>
Date: Mon, 23 Dec 2019 10:32:27 -0500
Subject: [PATCH] [O] Put artwork in container

---
 src/App.vue | 42 ++++++++++++++++++++++++------------------
 1 file changed, 24 insertions(+), 18 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 7d015a4..b5b2261 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -5,14 +5,16 @@
             <div id="title-sub">{{config.title.sub}}</div>
         </div>
 
-        <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>
-        </el-card>
+        <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>
+            </el-card>
+        </div>
 
         <div id="footer" :style="footerStyle">
 
@@ -170,20 +172,24 @@
         }
     }
 
-    .artwork
+    #artwork-container
     {
-        display: inline-block;
-        margin: 2vh;
 
-        .image
+        .artwork
         {
-            height: 30vh;
-            width: 30vh;
-        }
+            display: inline-block;
+            margin: 2vh;
 
-        .time
-        {
-            font-size: 12px;
+            .image
+            {
+                height: 30vh;
+                width: 30vh;
+            }
+
+            .time
+            {
+                font-size: 12px;
+            }
         }
     }