Merge pull request OpenGenus#96 from AnkitaKhurana/footer_body

Fixed Footer and Extra Spacing in body

Author: AdiChat

code/css/popup.css

@@ -1,14 +1,17 @@
-html {
-    position: relative;
-    min-height: 100%;
-}
+html,body
+{
+    width: 100%;
+    height: 100%;
+    margin: 0px;
+    padding: 0px;
+    overflow-x: hidden;
+    position:absolute;
 
+}
 body {
-    position: relative;
+
     font-family: 'Roboto Mono', monospace;
-    margin-bottom: 60px;
 }
-
 article {
     display: block;
     text-align: left;
@@ -17,16 +20,16 @@ article {
     padding-bottom: 15%;
     margin: 0 auto;
 }
-.footer {
-    position: absolute;
+footer {
+    clear:both;
+    position: fixed;
     bottom: 0;
     right: 0;
     left: 0;
     width: 100%;
     height: 60px;
     line-height: 60px;
-    background-color: #E5E8E8;
-    margin-top: 2%;
+    background-color: #E5E8E8;    
 }
 
     .favListItem {
@@ -97,7 +100,10 @@ li {
     background-color:rgb(255, 193, 7);
     /*Lighter shade for future use -> rgba(255, 191, 0, 0.52);*/
 }
-
+.bricklayer
+{    
+     margin-bottom: 200px;
+}
 
 @media screen and (min-width: 768px) {
     .bricklayer-column-sizer {

code/popup.html

@@ -104,7 +104,7 @@ <h1 style="text-align: center;">World's first Offline Search Engine</h1>
 
     <footer class="footer">
         <div class="container">
-              <span class="text-muted">Built with ❤ @<a target="_blank" title="Works only when you are online" href="https://github.com/OpenGenus/">OpenGenus</a> 
+              <span class="text-muted float-left">Built with ❤ @<a target="_blank" title="Works only when you are online" href="https://github.com/OpenGenus/">OpenGenus</a> 
               Email: <a target="_blank" title="Works offline if email app enabled" href="mailto:team@opengenus.org"> 📬 team@opengenus.org</a></span>
               <span class="text-muted float-right">Maintained by and part of the <a target="_blank" title="Works only when you are online" href="http://www.opengenus.org/"> 👪 OpenGenus Foundation</a></span>
         </div>