From 358724bf1cf0ecb3d41f261f3491fc055bd117c8 Mon Sep 17 00:00:00 2001
From: Anand Chitipothu <anandology@gmail.com>
Date: Thu, 6 May 2021 20:53:14 +0530
Subject: [PATCH] style: fixed the hero section on mobile

The email textbox was becoming too small.
---
 community/lms/widgets/RequestInvite.html | 52 ++++++++++--------------
 1 file changed, 22 insertions(+), 30 deletions(-)

diff --git a/community/lms/widgets/RequestInvite.html b/community/lms/widgets/RequestInvite.html
index c198ec97..a7bd0ce9 100644
--- a/community/lms/widgets/RequestInvite.html
+++ b/community/lms/widgets/RequestInvite.html
@@ -1,40 +1,32 @@
 <form id="invite-request-form">
-  <input class="form-control field-width mr-5" id="invite_email" type="email" placeholder="Email Address">
-  <a type="submit" id="submit-invite-request" class="btn btn-primary btn-lg" href="#" role="button">Request Invite</a>
+  <div class="row">
+    <div class="col-md">
+      <input class="form-control w-100 mr-5 mb-5 mt-2" id="invite_email" type="email" placeholder="Email Address">
+    </div>
+      <div class="col-md">
+        <a type="submit" id="submit-invite-request" class="btn btn-primary btn-lg" href="#" role="button">Request Invite</a>
+      </div>
+    </div>
+
 </form>
 <script>
   frappe.ready(() => {
-    $("#submit-invite-request").click(function () {
-      var invite_email = $("#invite_email").val()
-      frappe.call({
-        method: "community.lms.doctype.invite_request.invite_request.create_invite_request",
-        args: {
-          invite_email: invite_email
-        },
-        callback: (data) => {
+  $("#submit-invite-request").click(function () {
+    frappe.call({
+      method: "community.lms.doctype.invite_request.invite_request.create_invite_request",
+      args: {
+        invite_email: $("#invite_email").val()
+      },
+      callback: (data) => {
+        if (data.message == "OK") {
           $("#invite-request-form").hide();
-
-          if (data.message == "OK") {
-            var message = `<div>
-              <p class="lead">Thanks for your interest in Mon School. We have recorded your interest and we will get back to you shortly.</p>
-            </div>`;
-          }
-
-          else if (data.message == "invite") {
-            var message = `<div>
-              <p class="lead">Email ${invite_email} has already been used to request an invitation.</p>
-            </div>`;
-          }
-
-          else if (data.message == "user") {
-            var message = `<div>
-              <p class="lead">Looks like there is already an account with email ${invite_email}. Would you like to <a href="/login">login</a>.</p>
-            </div>`;
-          }
-
+          var message = `<div>
+          <p class="lead alert alert-message">Thanks for your interest in Mon School. We have recorded your interest and we will get back to you shortly.</p>
+          </div>`;
           $(".jumbotron").append(message);
         }
-      })
+      }
     })
   })
+})
 </script>