fixed misaligned rsvp form

This commit is contained in:
Vicky Steeves 2019-08-06 20:16:54 -04:00 committed by Remi Rampin
parent 4a8b7b12de
commit 943172a439
3 changed files with 30 additions and 30 deletions

View File

@ -1,6 +0,0 @@
[Dolphin]
Timestamp=2019,8,6,19,50,32
Version=4
[Settings]
HiddenFilesShown=true

View File

@ -12,34 +12,41 @@
</div>
</nav>
<div>
<div class="rsvp-container section-container" id="rsvp">
<div class="container">
<form action="{% url 'rsvp' %}?rsvp-code={{ rsvpCode }}" method="post">
{% csrf_token %}
{% for guest in guests %}
<div class="form-group row">
<label class="col-2">{{ guest.name }} will be: </label>
<div class="col-10">
<div class="form-check form-check-inline">
<input name="attending_{{ guest.id }}" id="attending_{{ guest.id }}_yes" type="radio" class="form-check-input" value="attending" required="required">
<label for="attending_{{ guest.id }}_yes" class="form-check-label">attending</label>
</div>
<div class="form-check form-check-inline">
<input name="attending_{{ guest.id }}" id="attending_{{ guest.id }}_no" type="radio" class="form-check-input" value="not_attending" required="required">
<label for="attending_{{ guest.id }}_no" class="form-check-label">sending their regrets</label>
</div>
</div>
</div>
{% endfor %}
<div class="row">
<div class="col rsvp section-description wow fadeIn">
<h2>RSVP</h2>
<div class="form-group row">
<div class="">
<button name="submit" type="submit" class="btn btn-primary">Submit</button>
<p class="text-center">Kindly let us know if you will be able to attend our wedding!</p>
<form action="{% url 'rsvp' %}?rsvp-code={{ rsvpCode }}" method="post">
{% csrf_token %}
{% for guest in guests %}
<div class="form-group row justify-content-center">
<label class="col-auto">{{ guest.name }} will be: </label>
<div class="col-auto">
<div class="form-check form-check-inline">
<input name="attending_{{ guest.id }}" id="attending_{{ guest.id }}_yes" type="radio" class="form-check-input" value="attending" required="required">
<label for="attending_{{ guest.id }}_yes" class="form-check-label">attending</label>
</div>
<div class="form-check form-check-inline">
<input name="attending_{{ guest.id }}" id="attending_{{ guest.id }}_no" type="radio" class="form-check-input" value="not_attending" required="required">
<label for="attending_{{ guest.id }}_no" class="form-check-label">sending their regrets</label>
</div>
</div>
</div>
{% endfor %}
<div class="form-group row justify-content-center">
<button name="submit" type="submit" class="btn btn-primary">Submit</button>
</div>
</form>
</div>
</div>
</div>
</form>
</div>
</div>
{%endblock%}

View File

@ -12,7 +12,6 @@
</div>
</nav>
<!-- About us -->
<div class="our-story-container section-container section-container-gray-bg" id="our-story">
<div class="container">
<div class="row">