Increased the padding of social links (ampproject#488)

itgiggs · Jul 6, 2017 · af5682d · af5682d
1 parent 8498cdb
commit af5682d
Showing 1 changed file with 10 additions and 10 deletions.
diff --git a/components/social-follow/social-follow.snip.html b/components/social-follow/social-follow.snip.html
@@ -20,33 +20,33 @@
 {{#social-follow}}
 <ul class="ampstart-social-follow list-reset flex justify-around items-center flex-wrap m0 mb4">
   {{#links}}
-    <li class="mr2">
+    <li class="mr1">
       {{#twitter}}
-        <a href="{{{.}}}" target="_blank" class="inline-block" aria-label="Link to AMP HTML Twitter">{{> ../../img/icons/twitter.svg}}</a>
+        <a href="{{{.}}}" target="_blank" class="inline-block p1" aria-label="Link to AMP HTML Twitter">{{> ../../img/icons/twitter.svg}}</a>
       {{/twitter}}
       {{#facebook}}
-        <a href="{{{.}}}" target="_blank" class="inline-block" aria-label="Link to AMP HTML Facebook">{{> ../../img/icons/facebook.svg}}</a>
+        <a href="{{{.}}}" target="_blank" class="inline-block p1" aria-label="Link to AMP HTML Facebook">{{> ../../img/icons/facebook.svg}}</a>
       {{/facebook}}
       {{#instagram}}
-        <a href="{{{.}}}" target="_blank" class="inline-block" aria-label="Link to AMP HTML Instagram">{{> ../../img/icons/instagram.svg}}</a>
+        <a href="{{{.}}}" target="_blank" class="inline-block p1" aria-label="Link to AMP HTML Instagram">{{> ../../img/icons/instagram.svg}}</a>
       {{/instagram}}
       {{#pinterest}}
-        <a href="{{{.}}}" target="_blank" class="inline-block" aria-label="Link to AMP HTML pin trest">{{> ../../img/icons/pinterest.svg}}</a>
+        <a href="{{{.}}}" target="_blank" class="inline-block p1" aria-label="Link to AMP HTML pin trest">{{> ../../img/icons/pinterest.svg}}</a>
       {{/pinterest}}
       {{#email}}
-        <a href="{{{.}}}" target="_blank" class="inline-block" aria-label="Link to AMP HTML E-mail">{{> ../../img/icons/email.svg}}</a>
+        <a href="{{{.}}}" target="_blank" class="inline-block p1" aria-label="Link to AMP HTML E-mail">{{> ../../img/icons/email.svg}}</a>
       {{/email}}
       {{#gplus}}
-        <a href="{{{.}}}" target="_blank" class="inline-block" aria-label="Link to AMP HTML Google Plus">{{> ../../img/icons/gplus.svg}}</a>
+        <a href="{{{.}}}" target="_blank" class="inline-block p1" aria-label="Link to AMP HTML Google Plus">{{> ../../img/icons/gplus.svg}}</a>
       {{/gplus}}
       {{#github}}
-        <a href="{{{.}}}" target="_blank" class="inline-block" aria-label="Link to AMP Start Github">{{> ../../img/icons/github.svg}}</a>
+        <a href="{{{.}}}" target="_blank" class="inline-block p1" aria-label="Link to AMP Start Github">{{> ../../img/icons/github.svg}}</a>
       {{/github}}
       {{#wordpress}}
-        <a href="{{{.}}}" target="_blank" class="inline-block" aria-label="Link to AMP HTML Wordpress">{{> ../../img/icons/wordpress.svg}}</a>
+        <a href="{{{.}}}" target="_blank" class="inline-block p1" aria-label="Link to AMP HTML Wordpress">{{> ../../img/icons/wordpress.svg}}</a>
       {{/wordpress}}
       {{#slack}}
-        <a href="{{{.}}}" target="_blank" class="inline-block" aria-label="Link to AMP HTML Slack">{{> ../../img/icons/slack.svg}}</a>
+        <a href="{{{.}}}" target="_blank" class="inline-block p1" aria-label="Link to AMP HTML Slack">{{> ../../img/icons/slack.svg}}</a>
       {{/slack}}
     </li>
   {{/links}}