diff --git a/index.html b/index.html
index 1b5951689b..57ef395151 100644
--- a/index.html
+++ b/index.html
@@ -32,12 +32,16 @@
 
         <div class="linksection">
         <ul>
-          <li><a class="buttons github" href="https://github.com/evennia/evennia">View On GitHub</a></li>
-          <li class="documentation"><a class="buttons" href="docs/latest/index.html">Documentation</a></li>
-          <li><a class="buttons" href="http://webchat.freenode.net/?channels=evennia&uio=MT1mYWxzZSY5PXRydWUmMTE9MTk1JjEyPXRydWUbb">IRC channel</a></li>
-          <li><a class="buttons" href="https://discord.gg/NecFePw">Discord channel</a></li>
-          <li><a class="buttons" href="https://groups.google.com/forum/#%21forum/evennia">Forum</a></li>
-          <li><a class="buttons" href="http://evennia.blogspot.com/">Dev Blog</a></li>
+          <div class="buttonsection">
+            <li><a class="buttons github" href="https://github.com/evennia/evennia">Download (GitHub)</a></li>
+            <li class="documentation"><a class="buttons" href="docs/latest/index.html">Documentation</a></li>
+          </div>
+          <div class="buttonsection">
+            <li><a class="buttons community" href="http://webchat.freenode.net/?channels=evennia&uio=MT1mYWxzZSY5PXRydWUmMTE9MTk1JjEyPXRydWUbb">IRC channel</a></li>
+            <li><a class="buttons community" href="https://discord.gg/NecFePw">Discord channel</a></li>
+            <li><a class="buttons community" href="https://groups.google.com/forum/#%21forum/evennia">Forum</a></li>
+          </div>
+          <li><a class="buttons community" href="http://evennia.blogspot.com/">Dev Blog</a></li>
         </ul>
         </div>
 
diff --git a/stylesheets/styles.css b/stylesheets/styles.css
index 4e5c0f7cd1..0796a8e14c 100644
--- a/stylesheets/styles.css
+++ b/stylesheets/styles.css
@@ -290,8 +290,7 @@ header ul {
 
 header li {
 	list-style-type: none;
-	margin-bottom: 12px;
-
+  margin-bottom: 1px;
 }
 
 a.buttons {
@@ -313,13 +312,16 @@ a.buttons {
   text-decoration: none;
   background-color: #efeeec;
   vertical-align: middle;
-  
 }
 
 a.buttons:hover {
   background-color: #fff
 }
 
+.buttonsection {
+    margin-bottom: 14px;
+}
+
 a.github {
 	background: url(../images/octocat-small.png) no-repeat 1px;
   background-color: #efeeec;
@@ -496,6 +498,7 @@ footer {
   header {
     float: none;
     padding:-10px 20px 0 20px;
+    height: 23vh;
   }
 
 	section {
@@ -525,6 +528,7 @@ footer {
     display: none;
   }
 
+
 }
 
 @media print, screen and (max-width: 480px) {
@@ -561,7 +565,7 @@ footer {
 
 
   header {
-    height: 20vh;
+    height: 23vh;
   }
 
   .img, .img.screenshot {