Remove button well and tweak padding

res/welcome.html

@@ -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 &amp; 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>