diff --git a/src/components/pages/SignIn/index.tsx b/src/components/pages/SignIn/index.tsx index f201857691e7ecbf863f20c1ce434fb3ba7883ff..e4b89ccc40290fc0ad1896b65b1603978e946ff5 100644 --- a/src/components/pages/SignIn/index.tsx +++ b/src/components/pages/SignIn/index.tsx @@ -30,16 +30,14 @@ const SignIn: React.FC = () => { </Container> </Navbar> - <Row className={styles.centered}> - <Col style={{ marginRight: "15px", marginLeft: "15px" }}> + <div className={styles.centered}> + <div style={{ marginRight: "15px", marginLeft: "15px", display: "flex", flexDirection: "column", alignItems: "center" }}> <h1>Scientia</h1> - <p style={{ color: "gray" }}> - A central hub for the Department of Computing's EdTech services - focused on enhancing the remote learning experience for students and - faculty alike - </p> - </Col> - <Col style={{ marginRight: "15px", marginLeft: "15px" }}> + <i style={{ color: "gray"}}> + A Unified DoC EdTech Platform + </i> + </div> + <div style={{ marginRight: "15px", marginLeft: "15px", marginTop: "20px" }}> <p className={styles.inputBarHeading}>Username</p> <InputGroup className="mb-3"> <FormControl @@ -61,8 +59,8 @@ const SignIn: React.FC = () => { <Button variant="secondary" className={styles.inputButton}> Sign In </Button> - </Col> - </Row> + </div> + </div> </> ); }; diff --git a/src/components/pages/SignIn/style.module.scss b/src/components/pages/SignIn/style.module.scss index 929ab9e76e494358e386673dc234984f23c5d637..f6b1d4522afebfe74d3ba0e5e9441874a83f3da2 100644 --- a/src/components/pages/SignIn/style.module.scss +++ b/src/components/pages/SignIn/style.module.scss @@ -9,12 +9,13 @@ .centered { position: fixed; left: 50%; - /* bring your own prefixes */ transform: translate(-50%, 0%); margin-top: 75px; - width: 50%; + max-width: 420px; + width: 90%; } + $button-background: transparentize($gray-200, 0.75); $button-border: transparentize($gray-300, 1);