Fix footer at bottom

andrew-codechimp · andrew-codechimp · commit 2ed1b287d6d0 · 2019-12-05T11:18:37.000Z
diff --git a/index.html b/index.html
@@ -46,11 +46,11 @@
   
   <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:regular,bold,italic,thin,light,bolditalic,black,medium&amp;lang=en">
   <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
-  <link rel="stylesheet" href="https://storage.googleapis.com/code.getmdl.io/1.1.3/material.indigo-pink.min.css"> 
+  <link rel="stylesheet" href="https://code.getmdl.io/1.1.3/material.indigo-pink.min.css"> 
   <link rel="stylesheet" href="stylesheets/styles.css">  
   
 </head>
-<body class="mdl-demo mdl-color--grey-100 mdl-color-text--grey-700 mdl-base">
+<body class="mdl-demo mdl-color--white-100 mdl-color-text--grey-700 mdl-base">
   <div class="mdl-layout mdl-js-layout mdl-layout--fixed-header">
     <header class="mdl-layout__header mdl-layout__header--scroll mdl-color--primary">
       <div class="mdl-layout__header-row">
@@ -239,6 +239,8 @@ <h4 class="mdl-card__title-text"><b>LMS Slim Snippets</b>&nbsp;for Visual Studio
             </section>
           </div>  
         </div>
+
+        <div class="mdl-layout-spacer"></div>
         
         <footer class="mdl-mini-footer">
           <div class="mdl-mini-footer__left-section">
@@ -256,14 +258,16 @@ <h4 class="mdl-card__title-text"><b>LMS Slim Snippets</b>&nbsp;for Visual Studio
             </ul> 
           </div>
         </footer>
+        
       </div>
     </main>
+    
   </div>  
   <script
   src="https://code.jquery.com/jquery-3.4.1.slim.min.js"
   integrity="sha256-pasqAKBDmFT4eHoN2ndd6lN370kFiGUFyTiUHWhU7k8="
   crossorigin="anonymous"></script>
-  <script src="https://storage.googleapis.com/code.getmdl.io/1.1.3/material.min.js">
+  <script src="https://code.getmdl.io/1.1.3/material.min.js">
   </script>
   
   <script>
@@ -315,7 +319,7 @@ <h4 class="mdl-card__title-text"><b>LMS Slim Snippets</b>&nbsp;for Visual Studio
     })
   </script>
   
- 
+  
   
   <script async src='js/autotrack.js'></script>
   
diff --git a/stylesheets/styles.css b/stylesheets/styles.css
@@ -216,4 +216,19 @@ html, body {
 
 a:hover {
   cursor:pointer;
+}
+
+.mdl-layout__content {
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-flow: column nowrap;
+  -ms-flex-flow: column nowrap;
+  flex-flow: column nowrap;
+}
+
+.mdl-layout__content > *:not(.mdl-layout-spacer) {
+  -webkit-flex: none;
+  -ms-flex: none;
+  flex: none;
 }
