footer styling adjust

vue-theme/src/components/footer.vue

@@ -1,6 +1,6 @@
 <template lang="pug">
 .footer-wrapper.t-up.t-sans
-    footer.main.w-max
+    footer.main.w-max.f-row.between
         ul.f-col.start
             //- address contact   
             li
@@ -53,14 +53,14 @@
         ul.f-col.start
             li
                 h5 
-                    router-link(to="/episode") PBS Series
-                    ul.f-col.start 
-                        li 
-                            router-link(to="/episode") &nbsp; Episodes
-                        li 
-                            router-link(to="/short") &nbsp; Shorts
-                        li 
-                            router-link(to="/technique") &nbsp; Techniques
+                router-link(to="/episode") PBS Series
+                ul.f-col.start 
+                    li 
+                        router-link(to="/episode") &nbsp; Episodes
+                    li 
+                        router-link(to="/short") &nbsp; Shorts
+                    li 
+                        router-link(to="/technique") &nbsp; Techniques
             li 
                 h5
                     router-link(to="/artist") Artists
@@ -72,43 +72,43 @@
 
             li
                 h5 
-                    router-link(to="/exhibition") Exhibitions
-                    ul.f-col.start
-                        li
-                            router-link(to="/exhibition/sorted/by-current-and-upcoming") &nbsp; Current/Upcoming
-                        li
-                            router-link(to="/object/") &nbsp; Objects
+                router-link(to="/exhibition") Exhibitions
+                ul.f-col.start
+                    li
+                        router-link(to="/exhibition/sorted/by-current-and-upcoming") &nbsp; Current/Upcoming
+                    li
+                        router-link(to="/object/") &nbsp; Objects
 
             li
                 h5
-                    router-link(to="/event") Center 
-                    ul.f-col.start
-                        li
-                            router-link(to="/exhibition") &nbsp; Exhibitions
-                        li 
-                            router-link(to="/event/sorted/by-current-and-upcoming") &nbsp; Events 
-                        li
-                            router-link(to="/event/sorted/by-type&talks") &nbsp; Talks &amp; Interviews
+                router-link(to="/event") Center 
+                ul.f-col.start
+                    li
+                        router-link(to="/exhibition") &nbsp; Exhibitions
+                    li 
+                        router-link(to="/event/sorted/by-current-and-upcoming") &nbsp; Events 
+                    li
+                        router-link(to="/event/sorted/by-type&talks") &nbsp; Talks &amp; Interviews
             li
                 h5
-                    router-link(to="") Education 
-                    ul.f-col.start
-                        li
-                            router-link(to="/guide") &nbsp; Guides 
-                        li 
-                            router-link(to="/publication") &nbsp; Publications 
+                router-link(to="") Education 
+                ul.f-col.start
+                    li
+                        router-link(to="/guide") &nbsp; Guides 
+                    li 
+                        router-link(to="/publication") &nbsp; Publications 
 
 
             li
                 h5
-                    router-link(to="") News
-                    ul.f-col.start
-                        li
-                            router-link(to="/blog") &nbsp; Blog Posts  
-                        li 
-                            router-link(to="/blog/sorted/by-type&releases") &nbsp; Press Releases 
-                        li 
-                            router-link(to="/blog/sorted/by-type&articles") &nbsp; In the News 
+                router-link(to="") News
+                ul.f-col.start
+                    li
+                        router-link(to="/blog") &nbsp; Blog Posts  
+                    li 
+                        router-link(to="/blog/sorted/by-type&releases") &nbsp; Press Releases 
+                    li 
+                        router-link(to="/blog/sorted/by-type&articles") &nbsp; In the News 
 
     .sub-footer.f-col.start
         h6 Craft in America &copy; 2010&ndash;{{ today }}