Decrease width of login form

This commit is contained in:
George Lacey 2021-05-10 02:28:54 +01:00
parent ecc94ec174
commit 8469620dea

View File

@ -13,25 +13,19 @@
body { body {
display: flex; display: flex;
align-items: center; align-items: center;
padding-top: 40px;
padding-bottom: 40px;
background-color: aliceblue; background-color: aliceblue;
text-align: center;
} }
.form-signin { .form-signin {
width: 100%;
max-width: 330px;
padding: 15px;
margin: auto;
} }
</style> </style>
</head> </head>
<body class="text-center"> <body class="text-center">
{% block content %} {% block content %}
<main class="form-signin"> <main class="form-signin mx-auto w-25 px-5">
<form method="post p-4"> <div class="mx-5">
<form method="post">
{% csrf_token %} {% csrf_token %}
<!-- <img class="mb-4" src="" alt="" width="" height="">--> <!-- <img class="mb-4" src="" alt="" width="" height="">-->
<h1 class="h1 mb-4 fw-regular">Log in</h1> <h1 class="h1 mb-4 fw-regular">Log in</h1>
@ -52,6 +46,7 @@
<button class="w-100 btn btn-lg btn-primary" type="submit">Log In</button> <button class="w-100 btn btn-lg btn-primary" type="submit">Log In</button>
</form> </form>
</div>
</main> </main>
{% endblock %} {% endblock %}