Revert and replace

LuxorLabs · Apr 16, 2019 · dc4916f · dc4916f
1 parent 736f405
commit dc4916f
Show file tree

Hide file tree

Showing 2 changed files with 36 additions and 42 deletions.
diff --git a/static/css/custom.css b/static/css/custom.css
@@ -30,6 +30,9 @@
 .btc-testnet {
   background: url(../img/btc-testnet.svg) center no-repeat;
 }
+.grin {
+  background: url(../img/grin.svg) center no-repeat;
+}
 .ltc {
   background: url(../img/ltc.svg) center no-repeat;
 }
@@ -45,9 +48,6 @@
 .dash-logo {
   background: url(../img/dash.svg) center no-repeat;
 }
-.grin {
-  background: url(../img/grin.svg) center no-repeat;
-}
 .semi {
   opacity:.7;
 }

diff --git a/templates/home.html b/templates/home.html
@@ -73,49 +73,43 @@ <h1>Search the block chain</h1>
     </div>
   </div>
 
-	<div class="container">
-		<h2>Browse the Blockchain</h2>
-		<div class="row text-center">
-			<div class="col-lg-12">
-				<div class="row text-center">
-				<div class="col-lg-1 col-md-1 col-sm-1 col-xs-3">
-					<a href="{% url 'coin_overview' 'btc' %}" class="btc coin">
-						<span class="mpsb">Bitcoin</span>
-					</a>
-				</div>
-				<div class="col-lg-1 col-md-1 col-sm-1 col-xs-3">
-					<a href="{% url 'coin_overview' 'btc-testnet' %}" class="btc-testnet coin">
-						<span class="mpsb">Bitcoin Testnet</span>
-					</a>
-				</div>
-				<div class="col-lg-1 col-md-1 col-sm-1 col-xs-3">
-					<a href="{% url 'coin_overview' 'ltc' %}" class="ltc coin">
-						<span class="mpsb">Litecoin</span>
-					</a>
-				</div>
-				<div class="col-lg-1 col-md-1 col-sm-1 col-xs-3">
+  <div class="container">
+
+    <div class="row text-center">
+      <h2>Browse the Blockchain</h2>
+      <div class="col-lg-12">
+        <div class="col-lg-2 col-md-2 col-sm-2 col-xs-4">
+          <a href="{% url 'coin_overview' 'btc' %}" class="btc coin">
+            <span class="mpsb">Bitcoin</span>
+          </a>
+        </div>
+				<div class="col-lg-2 col-md-2 col-sm-2 col-xs-4">
 					<a href="https://grinmint.com/explorer/" class="grin coin">
 						<span class="mpsb">Grin</span>
 					</a>
 				</div>
-				<div class="col-lg-1 col-md-1 col-sm-1 col-xs-3">
-					<a href="{% url 'coin_overview' 'doge' %}" class="doge coin">
-						<span class="mpsb">Dogecoin</span>
-					</a>
-				</div>
-				<div class="col-lg-1 col-md-1 col-sm-1 col-xs-3">
-					<a href="{% url 'coin_overview' 'dash' %}" class="dash-logo coin">
-						<span class="mpsb">Dash</span>
-					</a>
-				</div>
-				<div class="col-lg-1 col-md-1 col-sm-1 col-xs-3">
-					<a href="{% url 'coin_overview' 'bcy' %}" class="bc-testnet coin">
-						<span class="mpsb">BlockCypher Testnet</span>
-					</a>
-				</div>
-			</div>
-			</div>
-		</div>
+        <div class="col-lg-2 col-md-2 col-sm-2 col-xs-4">
+          <a href="{% url 'coin_overview' 'ltc' %}" class="ltc coin">
+            <span class="mpsb">Litecoin</span>
+          </a>
+        </div>
+        <div class="col-lg-2 col-md-2 col-sm-2 col-xs-4">
+          <a href="{% url 'coin_overview' 'doge' %}" class="doge coin">
+            <span class="mpsb">Dogecoin</span>
+          </a>
+        </div>
+        <div class="col-lg-2 col-md-2 col-sm-2 col-xs-4">
+          <a href="{% url 'coin_overview' 'dash' %}" class="dash-logo coin">
+            <span class="mpsb">Dash</span>
+          </a>
+        </div>
+        <div class="col-lg-2 col-md-2 col-sm-2 col-xs-4">
+          <a href="{% url 'coin_overview' 'bcy' %}" class="bc-testnet coin">
+            <span class="mpsb">BlockCypher Testnet</span>
+          </a>
+        </div>
+      </div>
+    </div>
 
     <br />
     <br />