Merge pull request #1044 from codeRIT/bh-1032

Navbar + Footer fixes

Author: peterkos

index.html

@@ -362,24 +362,31 @@ <h1>Leadership Team</h1>
     </section>
     <footer>
         <div id="footer-content">
-            <h2>Contact Us</h2>
-            <p>hello@coderit.org</p>
-            <a href="https://twitter.com/coderit" target="_blank">
-                <i class="fab fa-twitter"></i>
-            </a>
-            <a href="https://www.facebook.com/brickhackrit" target="_blank">
-                <i class="fab fa-facebook"></i>
-            </a>
-            <a href="https://www.instagram.com/code.rit/" target="_blank">
-                <i class="fab fa-instagram"></i>
-            </a>
-            <a href="https://github.com/codeRIT" target="_blank">
-                <i class="fab fa-github"></i>
-            </a>
-            <br />
-            <a href="https://static.mlh.io/docs/mlh-code-of-conduct.pdf">code of conduct | </a>
-            <a href="https://www.rit.edu/academicaffairs/policiesmanual/c070" target="_blank">privacy policy</a>
-            <p>copyright &#169; 2020 codeRIT</p>
+            <div>
+                <h2>contact us</h2>
+                <p>hello@coderit.org</p>
+            </div>
+            <div>
+                <a href="https://twitter.com/coderit" target="_blank">
+                    <i class="fab fa-twitter"></i>
+                </a>
+                <a href="https://www.facebook.com/brickhackrit" target="_blank">
+                    <i class="fab fa-facebook"></i>
+                </a>
+                <a href="https://www.instagram.com/code.rit/" target="_blank">
+                    <i class="fab fa-instagram"></i>
+                </a>
+                <a href="https://github.com/codeRIT" target="_blank">
+                    <i class="fab fa-github"></i>
+                </a>
+            </div>
+            <div>
+                <p>
+                    <a href="https://static.mlh.io/docs/mlh-code-of-conduct.pdf">code of conduct | </a>
+                    <a href="https://www.rit.edu/academicaffairs/policiesmanual/c070" target="_blank">privacy policy</a>
+                </p>
+                <p>copyright &#169; 2020 codeRIT</p>
+            </div>
         </div>
     </footer>
     <!-- This is where Parcel imports are located! (SASS, etc.) -->

sass/main.scss

@@ -127,13 +127,12 @@ nav {
 
     #logo {
         width: 100px;
-        height: 100px;
     }
 
     #mlh-badge {
-        // TODO: Needs sizing/overflow fix
+        align-self: flex-start;
         width: 100px;
-        height: 100px;
+        height: 0;
     }
 }
 
@@ -637,20 +636,28 @@ footer {
     overflow-x: clip;
 
     #footer-content {
+        display: flex;
+        flex-direction: column;
+        justify-content: space-around;
+
         width: 400px;
-        height: 240px;
+        height: 235px;
         margin: auto;
-        padding: 30px;
+        padding: 15px;
         text-align: center;
 
-        p, a, i {
-            margin-bottom: 10px;
+        h2 {
+            margin-bottom: -5px;
+        }
+
+        p {
+            font-size: 1em;
         }
 
         // FA brand icons
         i {
             font-size: 3em;
-            padding-right: 10px;
+            padding: 0px 5px;
         }
     }
 }