Fix cirulating supply stats alignment.

decred · May 9, 2024 · e3403ae · e3403ae
1 parent bc30569
commit e3403ae
Showing 1 changed file with 10 additions and 9 deletions.
diff --git a/src/layouts/_default/list.html b/src/layouts/_default/list.html
@@ -164,9 +164,10 @@ <h1 class="stats-info-variable big-variable" data-stat-name="circulating-supply-
                         15,808,337
                     </h1>
                 </div>
-                <h1 class="stats-info-sub">
-                    COINS MINED <span style="color: rgb(183, 183, 183);" data-stat-name="coins-mined">88%</span>&nbsp;&nbsp;EMISSION <span style="color: rgb(183, 183, 183);" data-stat-name="coins-emission">+1%/YEAR</span>
-                </h1>
+                <div class="stats-info-sub">
+                    <div class="d-block d-md-inline-block">COINS MINED <span style="color: rgb(183, 183, 183);" data-stat-name="coins-mined">88%</span></div>
+                    <div class="d-block d-md-inline-block">EMISSION <span style="color: rgb(183, 183, 183);" data-stat-name="coins-emission">+1%/YEAR</span></div>
+                </div>
             </div>
             <div class="stats-node node-img-1"></div>
             <div class="stats-info right">
@@ -175,7 +176,7 @@ <h1 class="stats-info-heading">TOTAL STAKED</h1>
                     <h1 class="stats-info-variable" data-stat-name="total-staked">62%</h1>
                     <h1 class="stats-info-heading ghost">TOTAL<br>STAKED</h1>
                 </div>
-                <h1 class="stats-info-sub">Staking is completely self-custodial</h1>
+                <div class="stats-info-sub">Staking is completely self-custodial</div>
             </div>
             <div class="stats-node node-img-2"></div>
             <div class="stats-info">
@@ -190,9 +191,9 @@ <h1 class="stats-info-variable" data-stat-name="treasury-dcr">
                         786K
                     </h1>
                 </div>
-                <h1 class="stats-info-sub">
+                <div class="stats-info-sub">
                     EQUAL TO <span style="color: rgb(183, 183, 183);" data-stat-name="treasury-usd"></span> SELF-FUNDED FROM <span style="color: rgb(183, 183, 183);">10%</span> OF THE BLOCK REWARD
-                </h1>
+                </div>
             </div>
             <div class="stats-node node-img-3"></div>
             <div class="stats-info right">
@@ -201,7 +202,7 @@ <h1 class="stats-info-heading">STAKE REWARD</h1>
                     <h1 class="stats-info-variable" data-stat-name="stake-reward">7%APY</h1>
                     <h1 class="stats-info-heading ghost">STAKE<br>REWARD</h1>
                 </div>
-                <h1 class="stats-info-sub">GET REWARDED FOR STAKING AND VOTING</h1>
+                <div class="stats-info-sub">GET REWARDED FOR STAKING AND VOTING</div>
             </div>
             <div class="stats-node node-img-4"></div>
             <div class="stats-info">
@@ -210,9 +211,9 @@ <h1 class="stats-info-heading">BLOCK REWARD REDUCTION IN</h1>
                     <h1 class="stats-info-heading ghost">BLOCK REWARD<br>REDUCTION IN</h1>
                     <h1 class="stats-info-variable" data-stat-name="reward-reduction-days">20 DAYS</h1>
                 </div>
-                <h1 class="stats-info-sub">
+                <div class="stats-info-sub">
                     BLOCK REWARD REDUCES BY <span style="color: rgb(183, 183, 183);">1%</span> EVERY <span style="color: rgb(183, 183, 183);">21 DAYS</span>
-                </h1>
+                </div>
             </div>
         </div>