Remove button well and tweak padding

This commit is contained in:
J. Ryan Stinnett 2019-02-08 10:29:14 +00:00
parent 5c55fb83d6
commit ae6d4501c0
1 changed files with 19 additions and 45 deletions

View File

@ -8,13 +8,6 @@ h1::after {
content: "!"; content: "!";
} }
.mx_HomePage_body {
display: flex;
flex-direction: column;
justify-content: center;
height: 100%;
}
.mx_Parent { .mx_Parent {
display: -webkit-box; display: -webkit-box;
display: -webkit-flex; display: -webkit-flex;
@ -34,24 +27,7 @@ h1::after {
-ms-flex-align: center; -ms-flex-align: center;
align-items: center; align-items: center;
text-align: center; text-align: center;
margin-bottom: 50px; padding: 25px 35px;
}
.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;
} }
.mx_ButtonParent { .mx_ButtonParent {
@ -161,28 +137,26 @@ h1::after {
</a> </a>
<h1 class="mx_Header2">_t("Welcome to Riot.im")</h1> <h1 class="mx_Header2">_t("Welcome to Riot.im")</h1>
<h4 class="mx_Header22">_t("Decentralised, encrypted chat &amp; collaboration powered by [matrix]")</h4> <h4 class="mx_Header22">_t("Decentralised, encrypted chat &amp; collaboration powered by [matrix]")</h4>
<div class="mx_Well"> <div class="mx_ButtonRow">
<div class="mx_ButtonRow"> <a href="#/login" class="mx_ButtonParent mx_ButtonSignIn mx_Button_iconSignIn">
<a href="#/login" class="mx_ButtonParent mx_ButtonSignIn mx_Button_iconSignIn"> <div class="mx_buttonlabel">_t("Sign In")</div>
<div class="mx_buttonlabel">_t("Sign In")</div> </a>
</a> <a href="#/register" class="mx_ButtonParent mx_ButtonCreateAccount mx_Button_iconCreateAccount">
<a href="#/register" class="mx_ButtonParent mx_ButtonCreateAccount mx_Button_iconCreateAccount"> <div class="mx_buttonlabel">_t("Create Account")</div>
<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> </a>
</div> </div>
<div class="mx_ButtonRow"> <div class="mx_buttonwrapper">
<div class="mx_buttonwrapper"> <div class="mx_buttonwrappertext">_t("Explore rooms")</div>
<div class="mx_buttonwrappertext">_t("Need help?")</div> <a href="#/directory" class="mx_ButtonParent mx_secondarybutton mx_Button_iconRoomDirectory">
<a href="#/user/@riot-bot:matrix.org?action=chat" class="mx_ButtonParent mx_secondarybutton mx_Button_iconHelp"> <div class="mx_buttonlabel">_t("Room Directory")</div>
<div class="mx_buttonlabel">_t("Chat with Riot Bot")</div> </a>
</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>
</div> </div>
</div> </div>