Update product card with more padding

Author: mrmrs

components/collections/product-card/index.html

@@ -18,7 +18,7 @@
 <main>
   <article class="br2 ba dark-gray b--black-10 mv4 w-100 w-50-m w-25-l mw5 center">
   <img src="http://placekitten.com/g/600/300" class="db w-100 br2 br--top">
-  <div class="pa1 ph3-ns pb3-ns">
+  <div class="pa2 ph3-ns pb3-ns">
     <div class="dt w-100 mt1">
       <div class="dtc">
         <h1 class="f5 f4-ns mv0">Cat</h1>
@@ -44,7 +44,7 @@ <h2 class="f5">HTML</h2>
 <pre class="pa3 ba br2 b--black-05 h5" id="html">
 &lt;article class=&quot;br2 ba dark-gray b--black-10 mv4 w-100 w-50-m w-25-l mw5 center&quot;&gt;
   &lt;img src=&quot;http://placekitten.com/g/600/300&quot; class=&quot;db w-100 br2 br--top&quot;&gt;
-  &lt;div class=&quot;pa1 ph3-ns pb3-ns&quot;&gt;
+  &lt;div class=&quot;pa2 ph3-ns pb3-ns&quot;&gt;
     &lt;div class=&quot;dt w-100 mt1&quot;&gt;
       &lt;div class=&quot;dtc&quot;&gt;
         &lt;h1 class=&quot;f5 f4-ns mv0&quot;&gt;Cat&lt;/h1&gt;
@@ -114,8 +114,8 @@ <h2 class="f5">CSS</h2>
     color: #555;
 }
 
-.pa1 {
-    padding: .25rem;
+.pa2 {
+    padding: .5rem;
 }
 
 .mt1 {
@@ -224,7 +224,7 @@ <h2 class="f5 mt4">Modules referenced</h2>
     <h2 class="f5 mb3 mt4">CSS Stats for this Component</h2>
     <dl class="dib mr4 mt0">
       <dt class="db f6">Size (Gzipped)</dt>
-      <dd class="ml0 b f3 f2-ns">454</dd>
+      <dd class="ml0 b f3 f2-ns">457</dd>
     </dl>
     <dl class="dib mr4 mt0">
       <dt class="db f6">Selectors</dt>

src/components/collections/product-card.html

@@ -3,7 +3,7 @@
 }}}
 <article class="br2 ba dark-gray b--black-10 mv4 w-100 w-50-m w-25-l mw5 center">
   <img src="http://placekitten.com/g/600/300" class="db w-100 br2 br--top">
-  <div class="pa1 ph3-ns pb3-ns">
+  <div class="pa2 ph3-ns pb3-ns">
     <div class="dt w-100 mt1">
       <div class="dtc">
         <h1 class="f5 f4-ns mv0">Cat</h1>