Merge pull request #15

* Fix Icons Break

Author: smashedr

src/_layouts/default.html

@@ -59,7 +59,7 @@
                         </li>
                     {% endfor %}
                 </ul>
-                <ul class="navbar-nav">
+                <ul class="navbar-nav right-icons">
                     <li class="nav-item"><a class="nav-link" href="{{ site.discord_invite }}" target="_blank" rel="noopener">
                             <i class="fa-brands fa-discord fa-xl"></i></a></li>
                     <li class="nav-item"><a class="nav-link" href="{{ site.github_url }}" target="_blank" rel="noopener">

src/css/main.css

@@ -13,7 +13,17 @@
     width: 100%;
 }
 
-@media (min-width: 576px) {
+@media (max-width: 575px) {
+    .right-icons {
+        display: flex;
+        flex-direction: row;
+    }
+    .right-icons .nav-item {
+        margin-right: 15px;
+    }
+}
+
+@media (min-width: 575px) {
     footer li + li::before {
         content: '•';
         margin-right: 0.3rem;