From d5875acb55376a843449be93be9647890128c32c Mon Sep 17 00:00:00 2001
From: Guillaume Horel <guillaume.horel@gmail.com>
Date: Sun, 29 Mar 2015 10:55:58 -0400
Subject: reorganize rsvp page according to Thibaut's suggestions

---
 static/wedding.css  |  6 ++++++
 templates/rsvp.html | 50 +++++++++++++++++++++++++-------------------------
 2 files changed, 31 insertions(+), 25 deletions(-)

diff --git a/static/wedding.css b/static/wedding.css
index e31fc04..8770bb3 100644
--- a/static/wedding.css
+++ b/static/wedding.css
@@ -66,3 +66,9 @@ h3 {
     margin-bottom: 1em;
     text-align: center;
 }
+
+.comment {
+    text-align: center;
+    width:60%;
+    margin: 1em auto 0
+}
\ No newline at end of file
diff --git a/templates/rsvp.html b/templates/rsvp.html
index 257b138..8d4b0b4 100644
--- a/templates/rsvp.html
+++ b/templates/rsvp.html
@@ -26,22 +26,6 @@
              name="full_name" placeholder="{{_('Your full name')}}" value="{{form['full_name'] if form['full_name']}}"/>
     </div>
   </div>
-  <p>
-    {{_("Will you be able to make it to our wedding?")}}
-  </p>
-  <div class="form-group">
-    <label for="rsvp" class="col-md-5 control-label">{{_("RSVP:")}}</label>
-    <div class="col-md-5">
-      <label class="radio-inline">
-        <input type="radio" value="1" name="rsvp"
-               {%if form['rsvp'] %}checked {% endif %}>{{_("Yes")}}
-      </label>
-      <label class="radio-inline">
-        <input type="radio" value="0" name="rsvp"
-               {%if not form['rsvp'] %}checked {% endif %}>{{_("No")}}
-      </label>
-    </div>
-  </div>
   <div class="form-group">
 	<label for="email" class="col-md-5 control-label">{{_("Email:")}}</label>
     <div class="col-md-5">
@@ -58,12 +42,28 @@
                 class="form-control" rows="3">{{form['mailing'] if form['mailing']}}</textarea>
 	</div>
   </div>
-  <p>
+  <hr>
+  <p class="text-center">
+    {{_("Will you be able to make it to our wedding?")}}
+  </p>
+  <div class="form-group">
+    <div class="text-center">
+      <label class="radio-inline">
+        <input type="radio" value="1" name="rsvp"
+               {%if form['rsvp'] %}checked {% endif %}>{{_("Yes")}}
+      </label>
+      <label class="radio-inline">
+        <input type="radio" value="0" name="rsvp"
+               {%if not form['rsvp'] %}checked {% endif %}>{{_("No")}}
+      </label>
+    </div>
+  </div>
+  <br>
+  <p class="text-center">
     {{_("Will you be accompanied by a plus one?")}}
   </p>
   <div class="form-group">
-    <label for="plusone" class="col-md-5 control-label">+1:</label>
-    <div class="col-md-5">
+    <div class="text-center">
       <label class="radio-inline">
         <input id="plusoneyes" type="radio" value="1" name="plusone"
                {%if form['plusone'] %}checked {% endif %} >{{_("Yes")}}
@@ -83,12 +83,12 @@
              {% if not form['plusone']%}disabled{% endif %}/>
     </div>
   </div>
-  <p>
+  <br>
+  <p class="text-center">
     {{_("Will you be coming with kids?")}}
   </p>
   <div class="form-group">
-    <label for="plusone" class="col-md-5 control-label">{{_("Kids:")}}</label>
-    <div class="col-md-5">
+    <div class="text-center">
       <label class="radio-inline">
         <input id="kidsyes" type="radio" value="1" name="kids"
                {%if form['kids'] %}checked {% endif %}>{{_("Yes")}}
@@ -107,13 +107,13 @@
                 {%if not form['kids']%} disabled{% endif %}>{{form['kidsnames'] if form['kidsnames']}}</textarea>
 	</div>
   </div>
-  <p>
+  <hr>
+  <p class="text-center">
     {{_("Please let us know if you have any dietary restrictions or comments:")}}
   </p>
 
   <div class="form-group">
-	<label for="mailing" class="col-md-5 control-label">{{_("Comments:")}}</label>
-    <div class="col-md-5">
+    <div class="comment">
       <textarea id="comments" name="comments" placeholder="{{_('Your comments')}}"
                 class="form-control" rows="3">{{form['comments'] if form['comments']}}</textarea>
 	</div>
-- 
cgit v1.2.3-70-g09d2