Remove button well and tweak padding
This commit is contained in:
parent
5c55fb83d6
commit
ae6d4501c0
|
@ -8,13 +8,6 @@ h1::after {
|
|||
content: "!";
|
||||
}
|
||||
|
||||
.mx_HomePage_body {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.mx_Parent {
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
|
@ -34,24 +27,7 @@ h1::after {
|
|||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
|
||||
.mx_Well {
|
||||
display: block;
|
||||
-webkit-box-pack: center;
|
||||
-webkit-justify-content: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
-webkit-flex-wrap: wrap;
|
||||
-ms-flex-wrap: wrap;
|
||||
flex-wrap: wrap;
|
||||
-webkit-box-align: center;
|
||||
-webkit-align-items: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
border-radius: 10px;
|
||||
background-color: #F2F5F8;
|
||||
padding: 25px 35px;
|
||||
}
|
||||
|
||||
.mx_ButtonParent {
|
||||
|
@ -161,28 +137,26 @@ h1::after {
|
|||
</a>
|
||||
<h1 class="mx_Header2">_t("Welcome to Riot.im")</h1>
|
||||
<h4 class="mx_Header22">_t("Decentralised, encrypted chat & collaboration powered by [matrix]")</h4>
|
||||
<div class="mx_Well">
|
||||
<div class="mx_ButtonRow">
|
||||
<a href="#/login" class="mx_ButtonParent mx_ButtonSignIn mx_Button_iconSignIn">
|
||||
<div class="mx_buttonlabel">_t("Sign In")</div>
|
||||
</a>
|
||||
<a href="#/register" class="mx_ButtonParent mx_ButtonCreateAccount mx_Button_iconCreateAccount">
|
||||
<div class="mx_buttonlabel">_t("Create Account")</div>
|
||||
<div class="mx_ButtonRow">
|
||||
<a href="#/login" class="mx_ButtonParent mx_ButtonSignIn mx_Button_iconSignIn">
|
||||
<div class="mx_buttonlabel">_t("Sign In")</div>
|
||||
</a>
|
||||
<a href="#/register" class="mx_ButtonParent mx_ButtonCreateAccount mx_Button_iconCreateAccount">
|
||||
<div class="mx_buttonlabel">_t("Create Account")</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="mx_ButtonRow">
|
||||
<div class="mx_buttonwrapper">
|
||||
<div class="mx_buttonwrappertext">_t("Need help?")</div>
|
||||
<a href="#/user/@riot-bot:matrix.org?action=chat" class="mx_ButtonParent mx_secondarybutton mx_Button_iconHelp">
|
||||
<div class="mx_buttonlabel">_t("Chat with Riot Bot")</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="mx_ButtonRow">
|
||||
<div class="mx_buttonwrapper">
|
||||
<div class="mx_buttonwrappertext">_t("Need help?")</div>
|
||||
<a href="#/user/@riot-bot:matrix.org?action=chat" class="mx_ButtonParent mx_secondarybutton mx_Button_iconHelp">
|
||||
<div class="mx_buttonlabel">_t("Chat with Riot Bot")</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="mx_buttonwrapper">
|
||||
<div class="mx_buttonwrappertext">_t("Explore rooms")</div>
|
||||
<a href="#/directory" class="mx_ButtonParent mx_secondarybutton mx_Button_iconRoomDirectory">
|
||||
<div class="mx_buttonlabel">_t("Room Directory")</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="mx_buttonwrapper">
|
||||
<div class="mx_buttonwrappertext">_t("Explore rooms")</div>
|
||||
<a href="#/directory" class="mx_ButtonParent mx_secondarybutton mx_Button_iconRoomDirectory">
|
||||
<div class="mx_buttonlabel">_t("Room Directory")</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
Loading…
Reference in New Issue