footer layout changed

added comments and adjusted padding

vue-theme/src/components/footer.vue

@@ -1,6 +1,7 @@
 <template lang="pug">
 .footer-wrapper.f-col.t-up.t-sans
     footer.f-row
+        //- address contact
         ul
             li
                 h5 Craft in America
@@ -12,7 +13,9 @@
                         li (323) 951-0610 center
                         li
                             router-link(to="mailto:info@craftinamerica.org") info@craftinamerica.org
+        //- menu links
         ul.f-row
+
             li
                 h5
                     router-link(to="/episodes") PBS Series
@@ -30,7 +33,7 @@
                             router-link(to="/artists/by-material") By Material
             li
                 h5 
-                    router-link(to="/exhibitions/") Exhibitions
+                    router-link(to="/exhibitions") Exhibitions
                     ul
                         li Current/Upcoming
                         li Past
@@ -68,6 +71,7 @@
                         li Blog Posts
                         li Press Releases
                         li In the News
+        //- mailing social links
         ul
             li
                 h5 Connect with Us
@@ -97,17 +101,19 @@
 
 footer
     background-color: $cia_red
-    color: $cia_white
-    padding: 2em 2em 3em
+    border-color: $cia_white
+    border-style: dotted
+    padding: 2em 2em 3em // top leftright bottom 
     overflow: hidden
     flex-direction: column
     ul
         list-style: none
         align-content: flex-start
+        vertical-align: top
         flex-direction: column
-        margin: 0 0 1em
+        margin: 0 0 1em 
         li
-            padding: 0.2em 0 0
+            padding: 0 0.5em 0
             margin: 0
             h5
                 color: $cia_white
@@ -122,6 +128,7 @@ footer
     ul
         list-style: none
         p
+            text-align: center
             color: $cia_grey
 
 </style>