AC-398 putting edx.org social media links in list, updating styles

lms/static/sass/shared/_footer-edx.scss

@@ -84,6 +84,15 @@ footer#footer-edx-v3 {
     }
   }
   
+  .social-media-links,
+  .mobile-app-links {
+      @extend %ui-no-list;
+      
+      .list-item {
+          display: inline-block;
+      }
+  }
+
   .mobile-app-links {
     @include clearfix();
     position: relative;

themes/edx.org/lms/templates/footer.html

@@ -52,22 +52,26 @@
       </div>
 
       <div class="external-links">
-        <div class="social-media-links">
+        <ul class="social-media-links">
             % for link in footer['social_links']:
+            <li class="list-item">
                 <a href="${link['url']}" class="sm-link external" title="${link['title']}" rel="noreferrer">
                     <span class="icon fa ${link['icon-class']}" aria-hidden="true"></span>
                     <span class="sr">${link['action']}</span>
                 </a>
+            </li>
             % endfor
-        </div>
+        </ul>
 
-        <div class="mobile-app-links">
+        <ul class="mobile-app-links">
             % for link in footer['mobile_links']:
+            <li class="list-item">
                 <a href="${link['url']}" class="app-link external">
                     <img alt="${link['title']}" src="${link['image']}">
                 </a>
+            </li>
             % endfor
-        </div>
+        </ul>
       </div>
     </div>
 </footer>
@@ -91,4 +95,3 @@
 % if footer_js_url:
   <script type="text/javascript" src="${footer_js_url}"></script>
 % endif
-