home: properly align main button

This commit is contained in:
alreadyburnt 2021-04-11 04:18:26 +02:00
parent 0298ecac6b
commit 94b6548a3e
2 changed files with 13 additions and 2 deletions

View file

@ -1674,6 +1674,7 @@ h2, .info-block h2 {
-ms-flex: 1;
padding: 4rem 2.5rem;
word-wrap: break-word;
overflow: hidden;
}
.full>.info-block.text-adapt {
@ -2648,11 +2649,19 @@ img.monero-logo {
display: block;
}
.main-info #btn-primary-box {
display: flex;
justify-content: center;
}
.main-info p a.btn-auto, a.btn-primary {
background-color: #d26e2b;
border: 2px solid #d26e2b;
color: #ffffff;
display: inline-block;
display: flex;
justify-content: center;
width: 100%;
padding: 0;
}
.main-info p a.btn-auto:hover, a.btn-primary:hover, .main-info p a.btn-auto:focus, a.btn-primary:focus, .main-info p a.btn-auto:active, a.btn-primary:active {

View file

@ -26,7 +26,9 @@ permalink: index.html
<h1 id="main-h1">{% t global.monero %}</h1>
<h2 id="main-h2">{% t home.heading2 %}</h2>
<p id="main-text">{% t home.monero_is_cash %}</p>
<p><a href="{{ site.baseurl }}/get-started/what-is-monero/" class="btn-link btn-auto btn-intro btn-primary">{% t home.whatis %}</a></p>
<p id="btn-primary-box">
<a href="{{ site.baseurl }}/get-started/what-is-monero/" class="btn-link btn-auto btn-intro btn-primary">{% t home.whatis %}</a>
</p>
</div>
</div>
</div>