From d1197bf15943dcf6ec3e31222fe713c2c8a9f083 Mon Sep 17 00:00:00 2001
From: Cryptkeeper <hello@cryptkpr.me>
Date: Fri, 18 Dec 2015 21:39:08 -0600
Subject: [PATCH 1/2] Fat, away!

---
 assets/css/main.css | 27 +++++++++++++++------------
 assets/js/site.js   |  4 ++--
 2 files changed, 17 insertions(+), 14 deletions(-)

diff --git a/assets/css/main.css b/assets/css/main.css
index 68bc531..22a98d2 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -20,7 +20,7 @@ body {
     padding: 20px 0;
     text-align: center;
     border-top: 1px solid #DED3D6;
-    width: 840px;
+    width: 1540px;
     margin: 0 auto;
 }
 
@@ -51,7 +51,7 @@ body {
 #tagline {
     padding: 10px 0;
     text-align: center;
-    width: 840px;
+    width: 1540px;
     margin: 0 auto;
     border-bottom-left-radius: 2px;
     border-bottom-right-radius: 2px;
@@ -78,19 +78,17 @@ body {
 
 /* Server listing */
 #server-container {
-    width: 800px;
-    margin: 10px auto 20px auto;
-}
-
-#server-container .server:nth-child(2n) {
-    background: #4E4E4E;
-    border-radius: 2px;
+    width: 1540px;
+    margin: 10px auto 0 auto;
+    overflow: auto;
 }
 
 .server {
     overflow: auto;
-    padding: 10px;
-    margin: 5px;
+    padding: 5px 10px;
+    margin: 0 5px;
+    width: 740px;
+    display: inline-block;
 }
 
 .server > .column > img {
@@ -161,6 +159,7 @@ h3 {
     top: 10px;
     left: 10px;
     overflow: auto;
+    display: none;
 }
 
 .quick-jump-icon {
@@ -180,7 +179,7 @@ h3 {
 
 /* The big graph */
 #big-graph, #big-graph-controls, #big-graph-checkboxes {
-    width: 1000px;
+    width: 1540px;
     margin: 15px auto 0 auto;
 }
 
@@ -188,6 +187,10 @@ h3 {
     width: 100%;
 }
 
+#big-graph {
+    margin-top: 20px;
+}
+
 #big-graph-controls {
     margin: 10px auto;
 }
diff --git a/assets/js/site.js b/assets/js/site.js
index 318c3d6..2d44783 100644
--- a/assets/js/site.js
+++ b/assets/js/site.js
@@ -287,7 +287,7 @@ $(document).ready(function() {
         for (var i = 0; i < keys.length; i++) {
             html += '<td><input type="checkbox" class="graph-control" id="graph-controls" data-target-network="' + keys[i] + '" checked=checked> ' + keys[i] + '</input></td>';
 
-            if (sinceBreak >= 3) {
+            if (sinceBreak >= 7) {
                 sinceBreak = 0;
 
                 html += '</tr><tr>';
@@ -354,7 +354,7 @@ $(document).ready(function() {
                             <br />\
                             <p class="text-center-align rank" id="ranking_' + safeName(info.name) + '"></p>\
                         </div>\
-                        <div class="column" style="width: 280px;">\
+                        <div class="column" style="width: 220px;">\
                             <h3>' + info.name + '&nbsp;<span class="type">' + info.type + '</span></h3>\
                             <span class="color-gray">' + info.ip + '</span>\
                             <br />\

From 2cfe39b6f9c5e5f2860551609be887e790948e2c Mon Sep 17 00:00:00 2001
From: Cryptkeeper <hello@cryptkpr.me>
Date: Fri, 18 Dec 2015 21:53:13 -0600
Subject: [PATCH 2/2] Add a footer.

---
 assets/css/main.css    | 24 ++++++++++++++++++++----
 assets/html/index.html | 10 ++++++++++
 2 files changed, 30 insertions(+), 4 deletions(-)

diff --git a/assets/css/main.css b/assets/css/main.css
index 22a98d2..7b9b2b9 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -13,13 +13,22 @@ body {
 	font-weight: 300 !important;
 }
 
-/* Header */
-#header {
+/* Page layout */
+html, body {
+    height: 100%;
+}
+
+#push {
+    position: relative;
+    min-height: 100%;
+}
+
+/* Header, footer */
+#header, #footer {
     background: #EBEBEB;
     color: #3B3738;
     padding: 20px 0;
     text-align: center;
-    border-top: 1px solid #DED3D6;
     width: 1540px;
     margin: 0 auto;
 }
@@ -47,6 +56,13 @@ body {
     font-size: 42px;
 }
 
+#footer {
+    border-top-right-radius: 2px;
+    border-top-left-radius: 2px;
+    font-size: 16px;
+    text-transform: uppercase;
+}
+
 /* Tagline */
 #tagline {
     padding: 10px 0;
@@ -79,7 +95,7 @@ body {
 /* Server listing */
 #server-container {
     width: 1540px;
-    margin: 10px auto 0 auto;
+    margin: 10px auto;
     overflow: auto;
 }
 
diff --git a/assets/html/index.html b/assets/html/index.html
index 423b280..29ddbea 100644
--- a/assets/html/index.html
+++ b/assets/html/index.html
@@ -16,6 +16,8 @@
 
 		<div id="tooltip"></div>
 
+		<div id="push">
+
 		<div id="header">
 
 			<h1 class="text-uppercase">Minetrack</h1>
@@ -63,6 +65,14 @@
 
         <div id="server-container" class="container"></div>
 
+        </div>
+
+        <div id="footer">
+
+        	Copyright &copy; 2015. All rights reserved. Logo copyrights belong to their respective owners.
+
+        </div>
+
         <div id="quick-jump-container"></div>
 
         <!-- External JS assets -->