From: Ian Weller <ian@gaslightmedia.com>
Date: Wed, 31 Aug 2016 18:37:51 +0000 (-0400)
Subject: fixing social icons in the footer
X-Git-Tag: v1.0.0^2~41
X-Git-Url: http://cvs2.gaslightmedia.com/gitweb/?a=commitdiff_plain;h=7b20f1df9e5a18539cef12f1bfc4aa1a589d2dde;p=WP-Themes%2Fpetoskeyarea.git

fixing social icons in the footer

I adjusted the size of the social icons.  They should be fine now.
---

diff --git a/css/app.css b/css/app.css
index 1eca0f8..eb75f29 100644
--- a/css/app.css
+++ b/css/app.css
@@ -7851,8 +7851,8 @@ footer.main {
         background-position: 0 0;
         margin-right: 7.5px; }
         footer.main .guide ul.social li.facebook a {
-          width: 69px;
-          height: 69px;
+          width: 70px;
+          height: 70px;
           display: block; }
         @media screen and (min-width: 1200px) {
           footer.main .guide ul.social li.facebook {
@@ -7870,8 +7870,8 @@ footer.main {
         background-position: -105px 0;
         margin: 0 7.5px; }
         footer.main .guide ul.social li.twit a {
-          width: 69px;
-          height: 69px;
+          width: 70px;
+          height: 70px;
           display: block; }
         @media screen and (min-width: 1200px) {
           footer.main .guide ul.social li.twit {
@@ -7880,8 +7880,8 @@ footer.main {
           footer.main .guide ul.social li.twit {
             background-position: -51px -79px; }
             footer.main .guide ul.social li.twit a {
-              width: 34px;
-              height: 34px; } }
+              width: 35px;
+              height: 35px; } }
         @media screen and (max-width: 340px) {
           footer.main .guide ul.social li.twit {
             margin: 0 5px; } }
@@ -7889,8 +7889,8 @@ footer.main {
         background-position: -214px 0;
         margin: 0 7.5px; }
         footer.main .guide ul.social li.blog a {
-          width: 69px;
-          height: 69px;
+          width: 70px;
+          height: 70px;
           display: block; }
         @media screen and (min-width: 1200px) {
           footer.main .guide ul.social li.blog {
@@ -7908,8 +7908,8 @@ footer.main {
         background-position: -318px 0;
         margin: 0 7.5px; }
         footer.main .guide ul.social li.pin a {
-          width: 69px;
-          height: 69px;
+          width: 70px;
+          height: 70px;
           display: block; }
         @media screen and (min-width: 1200px) {
           footer.main .guide ul.social li.pin {
@@ -7927,8 +7927,8 @@ footer.main {
         background-position: -424px 0;
         margin: 0 7.5px; }
         footer.main .guide ul.social li.tube a {
-          width: 69px;
-          height: 69px;
+          width: 70px;
+          height: 70px;
           display: block; }
         @media screen and (min-width: 1200px) {
           footer.main .guide ul.social li.tube {
@@ -7946,8 +7946,8 @@ footer.main {
         background-position: -530px 0;
         margin-left: 7.5px; }
         footer.main .guide ul.social li.insta a {
-          width: 69px;
-          height: 69px;
+          width: 70px;
+          height: 70px;
           display: block; }
         @media screen and (min-width: 1200px) {
           footer.main .guide ul.social li.insta {
diff --git a/scss/_page.footer.scss b/scss/_page.footer.scss
index 4893a50..5dec458 100644
--- a/scss/_page.footer.scss
+++ b/scss/_page.footer.scss
@@ -63,8 +63,8 @@ footer.main {
                     background-position: 0 0;
                     margin-right: 7.5px;
                     a {
-                        width: 69px;
-                        height: 69px;
+                        width: 70px;
+                        height: 70px;
                         display: block;
                     }
                     @media screen and (min-width: 1200px){
@@ -85,8 +85,8 @@ footer.main {
                     background-position: -105px 0;
                     margin: 0 7.5px;
                     a {
-                        width: 69px;
-                        height: 69px;
+                        width: 70px;
+                        height: 70px;
                         display: block;
                     }
                     @media screen and (min-width: 1200px){
@@ -95,8 +95,8 @@ footer.main {
                     @media screen and (max-width: 640px) {
                         background-position: -51px -79px;
                         a {
-                            width: 34px;
-                            height: 34px;
+                            width: 35px;
+                            height: 35px;
                         }
                     }
                     @media screen and (max-width: 340px) {
@@ -107,8 +107,8 @@ footer.main {
                     background-position: -214px 0;
                     margin: 0 7.5px;
                     a {
-                        width: 69px;
-                        height: 69px;
+                        width: 70px;
+                        height: 70px;
                         display: block;
                     }
                     @media screen and (min-width: 1200px){
@@ -129,8 +129,8 @@ footer.main {
                     background-position: -318px 0;
                     margin: 0 7.5px;
                     a {
-                        width: 69px;
-                        height: 69px;
+                        width: 70px;
+                        height: 70px;
                         display: block;
                     }
                     @media screen and (min-width: 1200px){
@@ -151,8 +151,8 @@ footer.main {
                     background-position: -424px 0;
                     margin: 0 7.5px;
                     a {
-                        width: 69px;
-                        height: 69px;
+                        width: 70px;
+                        height: 70px;
                         display: block;
                     }
                     @media screen and (min-width: 1200px){
@@ -173,8 +173,8 @@ footer.main {
                     background-position: -530px 0;
                     margin-left: 7.5px;
                     a {
-                        width: 69px;
-                        height: 69px;
+                        width: 70px;
+                        height: 70px;
                         display: block;
                     }
                     @media screen and (min-width: 1200px){