fix: buttons on page of appointment scheduling

This commit is contained in:
0Pranav 2019-11-13 15:32:56 +05:30
parent 67f191df4e
commit b1e9fb9e14
2 changed files with 11 additions and 3 deletions

View File

@ -9,6 +9,14 @@
padding: 0.5em 1em;
}
@media (max-width: 768px) {
#submit-button-area {
display: grid;
grid-template-areas:
"submit"
"back";
}
}
#customer-form{
border-color: black;
}

View File

@ -54,9 +54,9 @@
<textarea class="form-control mt-3" name="customer_notes" id="customer_notes" cols="30" rows="10"
placeholder="Notes"></textarea>
</form>
<div class="row mt-3 ">
<div class="col-md"><button class="btn btn-dark form-control" onclick="initialise_select_date()">Go back</button></div>
<div class="col-md"><button class="btn btn-primary form-control " onclick="submit()" id="submit-button">Submit</button></div>
<div class="row mt-3 " id="submit-button-area">
<div class="col-md mt-3" style="grid-area: back;"><button class="btn btn-dark form-control" onclick="initialise_select_date()">Go back</button></div>
<div class="col-md mt-3" style="grid-area: submit;"><button class="btn btn-primary form-control " onclick="submit()" id="submit-button">Submit</button></div>
</div>
</div>
</div>