update footer classes

Author: rangle-fatima

src/app/shared/footer/_footer-theme.scss

@@ -6,10 +6,8 @@
   $foreground: map-get($theme, foreground);
 
   app-footer {
-    footer ul {
-      a {
-        color: md-color($primary, default-contrast);
-      }
+    .docs-footer-links a {
+      color: md-color($primary, default-contrast);
     }
   }
 }

src/app/shared/footer/footer.html

@@ -1,18 +1,18 @@
 <footer class="docs-footer">
-  <div class="footer-list">
+  <div class="docs-footer-list">
     <div class="footer-logo">
-      <img class="docs-angular-logo"
+      <img class="docs-footer-angular-logo"
           src="../../../assets/img/homepage/angular-white-transparent.svg"
           alt="Angular">
     </div>
 
-    <div class="footer-links">
-      <ul class="footer-links">
+    <div class="docs-footer-links">
+      <ul>
         <li> <a class="" href="https://wwww.angular.io">Learn Angular</a> </li>
       </ul>
     </div>
-    
-    <div class="footer-cc">
+
+    <div class="docs-footer-copyright">
       <p>Powered by Google ©2010-2016. Code licensed under an MIT-style License. Documentation licensed under CC BY 4.0.</p>
     </div>
   </div>

src/app/shared/footer/footer.scss

@@ -1,32 +1,29 @@
 .docs-footer {
   margin-top: 40px;
-  padding: 15px;
+  padding: 12px;
   font-size: 12px;
 }
 
-.footer-list {
+.docs-footer-list {
   align-items: center;
   display: flex;
   flex-flow: row wrap;
   padding: 8px;
 }
 
-.docs-angular-logo {
+.docs-footer-angular-logo {
   height: 50px;
 }
 
-.footer-logo {
-  width: 8.33%;
-}
-
-.footer-cc {
+.docs-footer-copyright {
   display: flex;
   flex: 1;
   justify-content: flex-end;
 }
 
-footer ul {
+.docs-footer-links ul {
   list-style: none;
+  margin: 0 40px;
   padding: 0;
 
   a {
@@ -41,10 +38,7 @@ footer ul {
 }
 
 @media screen and (max-width: 884px){
-  .footer-list {
+  .docs-footer-list {
     flex-direction: column;
   }
-  .footer-logo {
-    width: 0;
-  }
 }