From d6b64431777af0f72779762f0266bdd66661e2f1 Mon Sep 17 00:00:00 2001
From: Anh Pham <thuanh99@student.fdu.edu>
Date: Mar 19 2019 20:14:46 +0000
Subject: Updated issue 134: Made the footer consistent across all pages and stick to the bottom regardless of the length of the page's content


---

diff --git a/assets/css/custom.css b/assets/css/custom.css
index eb6f723..1130691 100644
--- a/assets/css/custom.css
+++ b/assets/css/custom.css
@@ -3,10 +3,25 @@
     --secondary-color: #294172;
 }
 
+*{
+    box-sizing: border-box;
+}
+
+*:before, *:after{
+    box-sizing: border-box;
+}
+
+html{
+    height: 100%;
+}
+
 body {
     font-family: 'Open Sans';
     line-height: 1.8em;
     font-size: 16px;
+    height: 100%;
+    position: relative;
+    margin: 0;
 }
 
 h1, h2, h3, h4, h5, h6 {
@@ -14,6 +29,15 @@ h1, h2, h3, h4, h5, h6 {
     margin-top: 1.4em;
 }
 
+main{
+    min-height: 100vh;
+    display: block;
+    overflow: hidden;
+    position: relative;
+    padding-bottom: 300px;
+    width: 100%;
+}
+
 a, a:hover {
     color: var(--secondary-color);
 }
@@ -66,7 +90,9 @@ footer {
     text-align: center;
     padding:0 7vw;
     background-color: #3c6eb421;
-    position: relative;
+    position: absolute;
+    bottom: 0;
+    width: 100%;
 }
 
 fieldset {
@@ -178,12 +204,12 @@ blockquote {
     }
 
     main {
-        margin-left: 25%;
+        margin-left: 350px;
+        width: 75%;
     }
 
     main .container {
         padding: 0px 50px;
-        width: 100%;
     }
 
     blockquote {
@@ -210,6 +236,11 @@ blockquote {
     blockquote {
         min-height: 170px;
     }
+
+    main{
+        margin-left: 450px;
+        width: 75%;
+    }
 }
 
 .emoji {
diff --git a/templates/messaging/message_sender_confirmation_sent.html b/templates/messaging/message_sender_confirmation_sent.html
index fe259b5..9fa8415 100644
--- a/templates/messaging/message_sender_confirmation_sent.html
+++ b/templates/messaging/message_sender_confirmation_sent.html
@@ -15,6 +15,9 @@
     <script>document.getElementById('fb').onclick = function() {FB.ui({method: 'share', mobile_iframe: true, hashtag: '#WeAreFedora', href: 'https://happinesspackets.fedorainfracloud.org/',}, function(response){});}</script>
     <a href="https://twitter.com/intent/tweet?button_hashtag=WeAreFedora&text=I%20just%20sent%20a%20happiness%20packet%20to%20thank%20a%20@fedora%20community%20member" class="twitter-hashtag-button" data-size="large" data-dnt="true">Tweet #WeAreFedora</a>
     <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
-    {% block footer %}{% endblock %}
 
 {% endblock content %}
+
+{% block footer %}
+    {% include "follow.html" %}
+{% endblock %}
\ No newline at end of file