fix: fix multiple h1's

monterail · Mar 24, 2021 · 63e4cf1 · 63e4cf1
1 parent 8b59117
commit 63e4cf1
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 11 deletions.
diff --git a/app/src/views/users/login.tsx b/app/src/views/users/login.tsx
@@ -44,13 +44,16 @@ export default function UsersLoginPage() {
   };
 
   return (
-    <section className="px-4 md:px-6 mb-12 mx-auto w-full md:w-1/2">
+    <section className="w-full px-4 mx-auto mb-12 md:px-6 md:w-1/2">
       <Head>
         <title>montelearn / login</title>
       </Head>
       <div className="my-12 md:my-18">
-        <Title>Hi there!</Title>
-        <Title className="text-gray-300">Care to log in?</Title>
+        <Title>
+          Hi there!
+          <br />
+          <span className="text-gray-300">Care to log in?</span>
+        </Title>
       </div>
       <div className="">
         <Card>
@@ -75,11 +78,11 @@ export default function UsersLoginPage() {
             errors={errors.password}
           />
           <InputErrors errors={errors.non_field_errors} />
-          <ul className="flex font-roboto-mono mt-10">
-            <Button className="mx-0 sm:mx-2 px-8 py-4" onClick={handleLogin}>
+          <ul className="flex mt-10 font-roboto-mono">
+            <Button className="px-8 py-4 mx-0 sm:mx-2" onClick={handleLogin}>
               Login
             </Button>
-            <li className="mx-0 sm:mx-2 font-medium text-red-400">
+            <li className="mx-0 font-medium text-red-400 sm:mx-2">
               <Link href="/users/register">
                 <a className="flex px-8 py-4">Register</a>
               </Link>
@@ -91,7 +94,7 @@ export default function UsersLoginPage() {
         <Text>
           Did you forget your password?{" "}
           <Link href="/users/forgot-password">
-            <a className="text-red-400 font-medium">Reset it now</a>
+            <a className="font-medium text-red-400">Reset it now</a>
           </Link>
         </Text>
       </div>

diff --git a/app/src/views/users/register.tsx b/app/src/views/users/register.tsx
@@ -53,13 +53,16 @@ export default function UsersRegisterPage() {
   };
 
   return (
-    <section className="px-4 md:px-6 mb-12 mx-auto w-full md:w-1/2">
+    <section className="w-full px-4 mx-auto mb-12 md:px-6 md:w-1/2">
       <Head>
         <title>montelearn / register</title>
       </Head>
       <div className="my-12 md:my-18">
-        <Title>Ahoy you!</Title>
-        <Title className="text-gray-300">Wanna register?</Title>
+        <Title>
+          Ahoy you!
+          <br />
+          <span className="text-gray-300">Wanna register?</span>
+        </Title>
       </div>
       <div className="">
         <Card>
@@ -111,7 +114,7 @@ export default function UsersRegisterPage() {
             errors={errors.password2}
           />
           <InputErrors errors={errors.non_field_errors} />
-          <ul className="flex font-roboto-mono mt-10">
+          <ul className="flex mt-10 font-roboto-mono">
             <Button className="px-8 py-4" onClick={handleLogin}>
               Register now
             </Button>