From c1ea3981cf2404e05a5afc6c8e13f66a65902664 Mon Sep 17 00:00:00 2001
From: Anh Pham <thuanh99@student.fdu.edu>
Date: Mar 24 2019 20:42:28 +0000
Subject: 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..d0a9cb1 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;
@@ -62,6 +62,7 @@ aside .sidebar a {
 
 aside .sidebar .total-packets {
     cursor: default;
+    padding: 0;
 }
 aside .sidebar .total-packets:hover{
   text-decoration: none;
@@ -99,6 +100,10 @@ fieldset {
     margin-top: 1em;
 }
 
+fieldset .form-group{
+    font-size: 1.7em;
+}
+
 fieldset legend {
     font-family: 'Montserrat';
     font-style: italic;
@@ -107,13 +112,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 {
@@ -260,7 +266,7 @@ blockquote {
     display: inline-block;
     vertical-align: top;
     font: normal normal normal 11px/18px 'Helvetica Neue',Arial,sans-serif;
-    font-size: 0.6em;
+    font-size: 1.8em;
     line-height: 26px;
     border-radius: 4px;
 }
@@ -281,10 +287,14 @@ blockquote {
 
 @media (max-width: 360px) {
     .btn-responsive {
-        font-size: 15px;
+        font-size: 12.5px;
+        margin: 2em 0;
     }
-}
 
+    main .container{
+        margin-bottom: 19em;
+    }
+}    
 .twitter {
     background-color: #00aced;
 }
@@ -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,12 +325,13 @@ blockquote {
 }
 .row p {
     font-size: 2rem;
+    line-height: 1.8em;
 }
 .footer-share p{
     font-size: 2rem;
 }
 .socio-buttons {
-    padding: 1rem;
+    padding-bottom: 0.5em;
     font-size: 2rem;
 }
 .socio-buttons a {
diff --git a/templates/base.html b/templates/base.html
index 3fb1125..5f12471 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -92,8 +92,8 @@
               <small>
                   <hr>
                   {% block footer %}
-                  {% include "follow.html" %}
-                  <div class="footer-msg">
+                    {% include "follow.html" %}
+                    <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>
@@ -106,7 +106,7 @@
                   <a href="https://www.facebook.com/TheFedoraProject"><i class="fab fa-facebook-f fa-lg"></i></a>
                   <a href="https://twitter.com/fedora"><i class="fab fa-twitter fa-lg"></i></a>
                   <a href="https://plus.google.com/112917221531140868607"><i class="fab fa-google-plus-g fa-lg"></i></a>
-                </div>
+                </div>             
               </small>
             </footer>
         </main>
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..3fa1f7d 100644
--- a/templates/messaging/message_sender_confirmation_sent.html
+++ b/templates/messaging/message_sender_confirmation_sent.html
@@ -17,7 +17,3 @@
     <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
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>