consistent styling

This commit is contained in:
Son 2022-02-14 18:02:09 +01:00
parent 5c0bfe2f34
commit 473d0350ca

View file

@ -13,6 +13,7 @@
<div class="card"> <div class="card">
<div class="card-body"> <div class="card-body">
<div class="card-title mb-3">Report a problem</div> <div class="card-title mb-3">Report a problem</div>
<div class="alert alert-info"> <div class="alert alert-info">
If an email cannot be delivered to your mailbox, please check <a href="/dashboard/notifications">your If an email cannot be delivered to your mailbox, please check <a href="/dashboard/notifications">your
notifications</a> for error messages notifications</a> for error messages
@ -20,24 +21,25 @@
<div class="alert alert-warning"> <div class="alert alert-warning">
A support ticket will be created in Zendesk. Please do not include any sensitive information in the ticket. A support ticket will be created in Zendesk. Please do not include any sensitive information in the ticket.
</div> </div>
<form id="supportZendeskForm" method="post" enctype="multipart/form-data"> <form id="supportZendeskForm" method="post" enctype="multipart/form-data">
<div class="mt-4 mb-5"> <div class="mt-4 mb-5">
<label for="issueDescription" class="form-label">What happened?</label> <label for="issueDescription" class="form-label font-weight-bold">What happened?</label>
<textarea class="form-control" required name="ticket_content" id="issueDescription" rows="3" <textarea class="form-control" required name="ticket_content" id="issueDescription" rows="3"
placeholder="Please provide as much information as possible. For example which alias(es), mailbox(es) ar affected, if this is a persistent issue...">{{- ticket_content or '' -}}</textarea> placeholder="Please provide as much information as possible. For example which alias(es), mailbox(es) ar affected, if this is a persistent issue...">{{- ticket_content or '' -}}</textarea>
</div> </div>
<div class="mt-5 font-weight-bold"> <div class="mt-5 font-weight-bold">
Attach files to support request Attach files to support request
</div> </div>
<div class="mt-1 text-muted">Only images, text and emails are accepted</div> <div class="text-muted">Only images, text and emails are accepted</div>
<div class="custom-file mt-2"> <div class="custom-file">
<input type="file" class="custom-file-input" name="ticket_files" id="ticketFileGroup" multiple="multiple"> <input type="file" class="custom-file-input" name="ticket_files" id="ticketFileGroup" multiple="multiple">
<label class="custom-file-label" for="ticketFileGroup">Choose file</label> <label class="custom-file-label" for="ticketFileGroup">Choose file</label>
</div> </div>
<div class="mt-5 font-weight-bold"> <div class="mt-5 font-weight-bold">
Where can we reach you? Where can we reach you?
</div> </div>
<div class="mt-2"> <div class="text-muted">
Conversations related to this ticket will be sent to this address. Feel free to use an alias here. Conversations related to this ticket will be sent to this address. Feel free to use an alias here.
</div> </div>
<div class="input-group mb-3" id="alias-group"> <div class="input-group mb-3" id="alias-group">