From b46cc6b2d33eec101dcc32b5c2142b47f30f403d Mon Sep 17 00:00:00 2001
From: winkidney <winkidney@gmail.com>
Date: Fri, 1 Mar 2019 17:11:44 +0800
Subject: [PATCH] Fix: Add pins id for pins elements / fix padding for pins

---
 pinry/static/css/pinry.css            | 2 --
 pinry/static/js/vue/main.js           | 1 +
 pinry/templates/includes/vue-pin.html | 2 +-
 3 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/pinry/static/css/pinry.css b/pinry/static/css/pinry.css
index c28085c..184e32f 100644
--- a/pinry/static/css/pinry.css
+++ b/pinry/static/css/pinry.css
@@ -178,8 +178,6 @@ textarea {
 /* Start Pins */
 #pins {
     top: 80px;
-    padding-left: 60px;
-    padding-right: 60px;
 }
 
 .pin {
diff --git a/pinry/static/js/vue/main.js b/pinry/static/js/vue/main.js
index 5bcf333..f50dc47 100644
--- a/pinry/static/js/vue/main.js
+++ b/pinry/static/js/vue/main.js
@@ -177,6 +177,7 @@ Vue.component('pin-container', {
         );
       },
     );
+    window.addEventListener("resize", this.reflow, {})
   },
   mounted: function() {
     this.reflow();
diff --git a/pinry/templates/includes/vue-pin.html b/pinry/templates/includes/vue-pin.html
index 678f7ff..01e0213 100644
--- a/pinry/templates/includes/vue-pin.html
+++ b/pinry/templates/includes/vue-pin.html
@@ -1,7 +1,7 @@
 {% verbatim %}
 
 <script type="text/x-template" id="pin-container-template">
-  <div>
+  <div id="pins">
     <template v-for="(item, index) in pins">
       <pin
           :pin="item"