From c34c4605af057c95f371b5bcb14db47c478d0332 Mon Sep 17 00:00:00 2001
From: lza_menace <lza_menace@protonmail.com>
Date: Sat, 24 Oct 2020 01:42:09 -0700
Subject: [PATCH] fix up stylesheets/static

---
 xmrnodes/static/css/style.css |  9 +++++++++
 xmrnodes/templates/index.html | 23 +++++++++++++----------
 2 files changed, 22 insertions(+), 10 deletions(-)

diff --git a/xmrnodes/static/css/style.css b/xmrnodes/static/css/style.css
index b92f67c..edf77d7 100644
--- a/xmrnodes/static/css/style.css
+++ b/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;
+}
diff --git a/xmrnodes/templates/index.html b/xmrnodes/templates/index.html
index 6e94660..a2e7dfa 100644
--- a/xmrnodes/templates/index.html
+++ b/xmrnodes/templates/index.html
@@ -27,10 +27,11 @@
     </form>
   </div>
 
-  <div id="nodes" class="pure-u-1 center section">
-    <h2>Find a Node</h2>
+  <div id="nodes" class="pure-u-1 section">
+    <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,13 +76,15 @@
     <p>No nodes in the database yet...</p>
     {% endif %}
     <br>
-    <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>
-    {% if 'onion' not in request.args %}<a href="{% if 'nettype' in request.args or 'crypto' in request.args %}{{ request.url }}&{% else %}/?{% endif %}onion=true"><button class="pure-button search-btn"><img src="/static/images/tor.svg" width=15px> Onion</button></a>{% endif %}
-    <a href="/?crypto=wownero"><button class="pure-button search-btn wownero"><img src="/static/images/wownero.svg" width=50px></button></a>
-    <br>
-    <a href="/"><button class="pure-button search-btn button-warning">Clear</button></a>
+    <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>
+      {% if 'onion' not in request.args %}<a href="{% if 'nettype' in request.args or 'crypto' in request.args %}{{ request.url }}&{% else %}/?{% endif %}onion=true"><button class="pure-button search-btn"><img src="/static/images/tor.svg" width=15px> Onion</button></a>{% endif %}
+      <a href="/?crypto=wownero"><button class="pure-button search-btn wownero"><img src="/static/images/wownero.svg" width=50px></button></a>
+      <br>
+      <a href="/"><button class="pure-button search-btn button-warning">Clear</button></a>
+    </div>
   </div>
 
 </div>