More

src/Components/Home/DemoRequestPage.js

@@ -103,7 +103,7 @@ const DemoRequestPage = () => {
         <Form className="demo-request-form">
           {splitEvery(Object.keys(inputFields), fieldsChunkSize).map(
             (names, j) => (
-              <Row key={`row${j}`}>
+              <Row key={`row${j}`} className="demo-page-row">
                 {names.map((name, i) => (
                   <Col
                     key={`${name}${i + fieldsChunkSize * j}`}

src/Components/Home/HomePage.js

@@ -34,7 +34,7 @@ const HomePage = () => {
               <div className="col-md-12">
                 <div className="heading-one-container">
                   <h1 className="heading-1">
-                    Novodraft: Attorney AI. Draft documents faster <i>and </i>{" "}
+                    Novodraft: Legal AI. Draft documents faster <i>and </i>{" "}
                     smarter.
                   </h1>
                 </div>

src/styles/demo-request-page.scss

@@ -27,3 +27,23 @@
 .demo-link-span {
   margin-right: 10px;
 }
+
+@media only screen and (max-width: 430px) {
+  .demo-request-form {
+    width: 360px;
+  }
+
+  .demo-request-form {
+    display: flex;
+    flex-direction: column;
+    width: 340px;
+    align-items: center;
+    justify-content: center;
+    margin: auto;
+  }
+  .demo-page-row {
+    display: flex;
+    flex-direction: column;
+    width: 340px;
+  }
+}

src/styles/homepage.scss

@@ -703,6 +703,11 @@ li.nav-item {
     margin-top: -24px;
   }
 
+  .try-it-button-box > button {
+    width: 140px;
+    margin-left: 10px;
+  }
+
   .upper-row-one {
     padding-left: 10px;
   }