From f3e40021ba9ba09a62143ff37daa6739e4d50efe Mon Sep 17 00:00:00 2001
From: Kayne Ruse <kayneruse@gmail.com>
Date: Tue, 28 Feb 2017 18:16:46 +1100
Subject: [PATCH] Changed the button styling

---
 public_html/index.html | 22 ++++++++--------------
 1 file changed, 8 insertions(+), 14 deletions(-)

diff --git a/public_html/index.html b/public_html/index.html
index ca7df57..e44c4a3 100644
--- a/public_html/index.html
+++ b/public_html/index.html
@@ -15,20 +15,14 @@
       <h1 class="ui header centered">Mecha Game Rules</h1>
     </header>
 
-      <!-- navigation buttons -->
-    <div class="ui container center aligned">
-      <button class="ui button centered" onClick="printMarkdown('rules.md', document.getElementById('content'));">
-        Rules
-      </button>
-      <button class="ui button centered" onClick="printCSV('cards.csv', document.getElementById('content'));">
-        Cards
-      </button>
-      <button class="ui button centered" onClick="printCSV('card_concepts.csv', document.getElementById('content'));">
-        Card Concepts
-      </button>
-      <button class="ui button centered" onClick="printHTML('feedback.html', document.getElementById('content'))">
-        Feedback
-      </button>
+    <!-- navigation buttons -->i
+    <div class="ui container">
+        <div class="four ui buttons">
+          <button class="ui button centered" style="padding-left:0;padding-right:0;" onClick="printMarkdown('rules.md', document.getElementById('content'));">Rules</button>
+          <button class="ui button centered" style="padding-left:0;padding-right:0;" onClick="printCSV('cards.csv', document.getElementById('content'));">Cards</button>
+          <button class="ui button centered" style="padding-left:0;padding-right:0;" onClick="printCSV('card_concepts.csv', document.getElementById('content'));">Card Concepts</button>
+          <button class="ui button centered" style="padding-left:0;padding-right:0;" onClick="printHTML('feedback.html', document.getElementById('content'))">Feedback</button>
+        </div>
     </div>
 
     <!-- body content -->