fix up stylesheets/static

xmrnodes/static/css/style.css

@@ -13,6 +13,7 @@
 
 #footer {
   padding-top: 4em;
+  padding-bottom: 4em;
 }
 
 input[type="text"] {
@@ -48,3 +49,11 @@ input[type="text"] {
 .glowing-red {
   background-color: #cd0000;
 }
+
+#node_url {
+  margin: 0 auto;
+}
+
+.pure-table {
+  margin: 0 auto;
+}

xmrnodes/templates/index.html

@@ -27,10 +27,11 @@
     </form>
   </div>
 
-  <div id="nodes" class="pure-u-1 center section">
+  <div id="nodes" class="pure-u-1 section">
-    <h2>Find a Node</h2>
+    <h2 class="center">Find a Node</h2>
+    <br>
     {% if nodes %}
-    <table class="pure-table pure-table-horizontal pure-table-striped center">
+    <table class="pure-table pure-table-horizontal pure-table-striped">
       <thead>
         <tr>
           <th>URL</th>
@@ -75,6 +76,7 @@
     <p>No nodes in the database yet...</p>
     {% endif %}
     <br>
+    <div class="center" id="filters">
       <a href="{% if 'crypto' in request.args %}{{ request.url }}&{% else %}/?{% endif %}nettype=mainnet"><button class="pure-button search-btn">Mainnet</button></a>
       <a href="{% if 'crypto' in request.args %}{{ request.url }}&{% else %}/?{% endif %}nettype=testnet"><button class="pure-button search-btn">Testnet</button></a>
       <a href="{% if 'crypto' in request.args %}{{ request.url }}&{% else %}/?{% endif %}nettype=stagenet"><button class="pure-button search-btn">Stagenet</button></a>
@@ -83,6 +85,7 @@
       <br>
       <a href="/"><button class="pure-button search-btn button-warning">Clear</button></a>
     </div>
+  </div>
 
 </div>