Tweak styling for small screen sizes

Author: jleung51

footer.html

@@ -1,12 +1,12 @@
 <footer class="page-footer font-small py-4">
   <div class="container">
-    <div class="row p-4">
+    <div class="row m-3">
 
-      <div class="col-lg my-auto px-4 text-center">
-        <p>© 2019 CaseIT</p>
+      <div class="col-lg my-auto px-4 py-2 text-center">
+        <p class="center">© 2019 CaseIT</p>
       </div>
 
-      <div class="col-lg my-auto px-4 text-center">
+      <div class="col-lg my-auto px-4 py-2 text-center">
 
         <a class="p-2" href="https://www.facebook.com/CaseIT/" target="_blank">
           <img class="img-fluid icon" src="res/img/icons/facebook.png" />

res/css/footer.css

@@ -14,8 +14,14 @@
   font-size: .8em;
 }
 
+.col-lg {
+  min-height: 2em;
+}
+
 .icon {
   height: 2em;
+  margin-top: .5em;
+  margin-bottom: .5em;
 }
 
 .icon:hover {