Styling changes, Moved Social links back up with address and added icon placeholders

vue-theme/src/components/footer.vue

@@ -13,6 +13,24 @@
                     li (323) 951-0610 center
                     li
                         router-link(to="mailto:info@craftinamerica.org") info@craftinamerica.org
+            li
+                h5 Connect with Us
+                ul.f-row
+                    li
+                        a(href="https://www.facebook.com/CraftinAmerica") FB<br>
+                            img(src="../star.svg") 
+                    li
+                        a(href="http://www.youtube.com/user/craftinamerica") YT<br>
+                            img(src="../star.svg") 
+                    li
+                        a(href="http://www.instagram.com/craftinamerica") IG<br>
+                            img(src="../star.svg") 
+                    li
+                        a(href="https://twitter.com/CraftinAmerica") TT<br>
+                            img(src="../star.svg") 
+            li
+                h5
+                    a(href="") Join email list
                             
         //- menu links
         ul.f-col.start
@@ -71,24 +89,7 @@
                     li Press Releases
                     li In the News
 
-        //- social links
-        ul.f-col.start
-            li
-                h5 Connect with Us
-                ul.f-col
-                    li
-                        a(href="https://www.facebook.com/CraftinAmerica") Facebook&nbsp;<br>
-                    li
-                        a(href="http://www.youtube.com/user/craftinamerica") YouTube&nbsp;<br>
-                    li
-                        a(href="http://www.instagram.com/craftinamerica") Instagram&nbsp;<br>
-                    li
-                        a(href="https://twitter.com/CraftinAmerica") Twitter&nbsp;<br>
-            li
-                h5
-                    a(href="") Join email list
-                    
-    .sub-footer
+    .sub-footer.f-col.start
         p Craft in America &copy; 2010&ndash;2021
 
 </template>
@@ -129,6 +130,10 @@
                     align-items: flex-start
                     > li
                         padding: 0 0 $ms--5
+                img
+                    width: $ms-2
+                    height: $ms-2
+                    padding: 0
 
     .sub-footer
         background-color: $cia_black