From dbf71ee4f0d438daedb6979d30a96ab0313c41fe Mon Sep 17 00:00:00 2001
From: Anh Pham <thuanh99@student.fdu.edu>
Date: Mar 27 2019 00:58:32 +0000
Subject: Updated issue 201: Solved the sidebar scrolling by making text size smaller and editing footer and other pages accordingly, fixed more mobile view problem


---

diff --git a/assets/css/custom.css b/assets/css/custom.css
index 9bea875..f9e6a3d 100644
--- a/assets/css/custom.css
+++ b/assets/css/custom.css
@@ -18,7 +18,7 @@ html{
 body {
     font-family: 'Open Sans';
     line-height: 1.8em;
-    font-size: 16px;
+    font-size: 9px;
     height: 100%;
     position: relative;
     margin: 0;
@@ -99,6 +99,10 @@ fieldset {
     margin-top: 1em;
 }
 
+fieldset .form-group{
+    font-size: 1.7em;
+}
+
 fieldset legend {
     font-family: 'Montserrat';
     font-style: italic;
@@ -107,13 +111,14 @@ fieldset legend {
 
 blockquote {
     border-left: 0px;
-    font-size: 16px;
+    font-size: 2rem;
     color: rgba(0, 0, 0, 0.7);
     background: url(/static/images/loveletter.png) no-repeat;
     background-size: 20%;
     background-position: 0 20px;
     padding-left: calc(20% + 20px);
     min-height: 120px;
+    line-height: 1.8em;
 }
 
 .centered {
@@ -281,7 +286,12 @@ blockquote {
 
 @media (max-width: 360px) {
     .btn-responsive {
-        font-size: 15px;
+        font-size: 12.5px;
+        margin: 2em 0;
+    }
+
+    main .container{
+        margin-bottom: 19em;
     }
 }
 
@@ -303,7 +313,9 @@ blockquote {
     font-size:2.3rem;
 }
 .footer-msg {
-    padding-top: 0.5rem;
+    padding-bottom: 1rem;
+    font-size: 16px;
+    line-height: 1.8em;
 }
 .footer-msg p {
   font-size: 2rem;
@@ -313,6 +325,7 @@ blockquote {
 }
 .row p {
     font-size: 2rem;
+    line-height: 1.8em;
 }
 .footer-share p{
     font-size: 2rem;
@@ -320,6 +333,7 @@ blockquote {
 .socio-buttons {
     padding: 1rem;
     font-size: 2rem;
+    padding-bottom: 0.5em;
 }
 .socio-buttons a {
     padding: 0.9rem;
diff --git a/templates/base.html b/templates/base.html
index 3fb1125..d6bb51d 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -93,7 +93,7 @@
                   <hr>
                   {% block footer %}
                   {% include "follow.html" %}
-                  <div class="footer-msg">
+                  <div class="footer-msg" style="padding-top: 1rem;">
                     {% endblock %}
                     Fedora Happiness Packets is a fork of <a href="https://github.com/mxsasha/happinesspackets/">Happiness Packets</a> and part of GSoC 2018.
                     <br>
diff --git a/templates/messaging/inspiration.html b/templates/messaging/inspiration.html
index 23251da..2387ccc 100644
--- a/templates/messaging/inspiration.html
+++ b/templates/messaging/inspiration.html
@@ -6,7 +6,7 @@
         <h2>Get inspired!</h2>
     </div>
 
-    <em>
+    <em style="font-size: 1.5em; line-height: 1.8em;">
         Want to send some happiness but having a writer's block? Check out some of these sample messages
         for inspiration. These are not actual messages that were sent with the system, just some ideas that
         you can use. Our <a href="{% url 'messaging:archive' %}">Happiness Archive</a> contains more messages from
diff --git a/templates/messaging/message_sender_confirmation_sent.html b/templates/messaging/message_sender_confirmation_sent.html
index 9fa8415..6dccbe4 100644
--- a/templates/messaging/message_sender_confirmation_sent.html
+++ b/templates/messaging/message_sender_confirmation_sent.html
@@ -16,8 +16,4 @@
     <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>
 
-{% endblock content %}
-
-{% block footer %}
-    {% include "follow.html" %}
-{% endblock %}
\ No newline at end of file
+{% endblock content %}
\ No newline at end of file
diff --git a/templates/search/search.html b/templates/search/search.html
index 7f14816..3e7a18d 100644
--- a/templates/search/search.html
+++ b/templates/search/search.html
@@ -4,7 +4,7 @@
 <h2>Search</h2>
 <form method="get"  class="form-inline">
     {% for field in form %}
-    <div class="form-group">
+    <div class="form-group" style="font-size: 1.7em;">
         {{ field.errors }}
         {{ field.label_tag }} {{ field }}
     </div>