fix(aio): remove max width on marketing pages and footer

- Removed the max-width on all marketing pages
- Moved the footer so that it extends fully horizontally on all screen sizes

aio/src/app/app.component.html

@@ -28,13 +28,11 @@
     <aio-dt [on]="dtOn" [(doc)]="currentDocument"></aio-dt>
   </section>
 
+</md-sidenav-container>
+
+<aio-search-results #searchResults></aio-search-results>
+
   <footer>
     <aio-footer [nodes]="footerNodes" [versionInfo]="versionInfo" ></aio-footer>
   </footer>
 
-</md-sidenav-container>
-
-
-<aio-search-results #searchResults></aio-search-results>
-
-

aio/src/styles/1-layouts/_marketing-layout.scss

@@ -8,6 +8,12 @@
   }
 }
 
+aio-shell.marketing {
+  md-sidenav-container.sidenav-container {
+    max-width: none;
+  }
+}
+
 div[layout=row]{
     display: flex;
     box-sizing: border-box;