From 00613a7db82aaef922f6ccd530983a2def347568 Mon Sep 17 00:00:00 2001
From: Feliciaan De Palmenaer <feliciaan@de-palmenaer.eu>
Date: Tue, 31 Mar 2015 00:55:50 +0200
Subject: [PATCH] better form layout orders page

---
 app/templates/orders.html | 68 +++++++++++++++++++++------------------
 1 file changed, 36 insertions(+), 32 deletions(-)

diff --git a/app/templates/orders.html b/app/templates/orders.html
index 4e024d5..112684e 100644
--- a/app/templates/orders.html
+++ b/app/templates/orders.html
@@ -13,46 +13,50 @@
             {% endfor %}
         </div>
     {% if not current_user.is_anonymous() %}
-        <div class="col-md-push-1 col-md-6 darker">
+        <div class="col-md-push-1 col-md-6">
             <h3>Create new order:</h3>
-            <form method="post" action="{{ url_for('.order_create') }}">
-                {{ form.csrf_token }}
-                <div class="form-group select2 {{ 'has-errors' if form.courrier_id.errors else ''}}">
-                    {{ form.courrier_id.label(class='control-label') }}<br>
-                    {{ form.courrier_id(class='form-control select') }}
-                    {{ util.render_form_field_errors(form.courrier_id) }}
-                </div>
-                <div class="form-group select2 {{ 'has-errors' if form.location_id.errors else ''}}{{ ' required' if form.location_id.flags.required }}">
-                    {{ form.location_id.label(class='control-label') }}
-                    {{ form.location_id(class='form-control select') }}
-                    {{ util.render_form_field_errors(form.location_id) }}
-                </div>
-                {% if current_user.is_admin() %}
-                    <div class="form-group{{ ' has-error' if form.starttime.errors }}{{ ' required' if form.starttime.flags.required }}{{ ' hidden' if not current_user.is_admin() }}">
-                        {{ form.starttime.label(class='control-label') }}
+        <div class="row darker">
+            <div class="col-sm-12">
+                <form method="post" action="{{ url_for('.order_create') }}">
+                    {{ form.csrf_token }}
+                    <div class="form-group select2 {{ 'has-errors' if form.courrier_id.errors else ''}}">
+                        {{ form.courrier_id.label(class='control-label') }}<br>
+                        {{ form.courrier_id(class='form-control select') }}
+                        {{ util.render_form_field_errors(form.courrier_id) }}
+                    </div>
+                    <div class="form-group select2 {{ 'has-errors' if form.location_id.errors else ''}}{{ ' required' if form.location_id.flags.required }}">
+                        {{ form.location_id.label(class='control-label') }}
+                        {{ form.location_id(class='form-control select') }}
+                        {{ util.render_form_field_errors(form.location_id) }}
+                    </div>
+                    {% if current_user.is_admin() %}
+                        <div class="form-group{{ ' has-error' if form.starttime.errors }}{{ ' required' if form.starttime.flags.required }}{{ ' hidden' if not current_user.is_admin() }}">
+                            {{ form.starttime.label(class='control-label') }}
+                            <div class='input-group date' class='datetimepicker'>
+                                {{ form.starttime(class='form-control datetimepicker') }}
+                                <span class="input-group-addon">
+                                    <span class="glyphicon glyphicon-calendar"></span>
+                                </span>
+                            </div>
+                            {{ util.render_form_field_errors(form.starttime) }}
+                        </div>
+                    {% endif %}
+                    <div class="form-group{{ ' has-error' if form.stoptime.errors }}{{ ' required' if form.stoptime.flags.required }}{{ ' hidden' if not current_user.is_admin() }}">
+                        {{ form.stoptime.label(class='control-label') }}
                         <div class='input-group date' class='datetimepicker'>
-                            {{ form.starttime(class='form-control datetimepicker') }}
+                            {{ form.stoptime(class='form-control datetimepicker') }}
                             <span class="input-group-addon">
                                 <span class="glyphicon glyphicon-calendar"></span>
                             </span>
                         </div>
-                        {{ util.render_form_field_errors(form.starttime) }}
+                        {{ util.render_form_field_errors(form.stoptime) }}
                     </div>
-                {% endif %}
-                <div class="form-group{{ ' has-error' if form.stoptime.errors }}{{ ' required' if form.stoptime.flags.required }}{{ ' hidden' if not current_user.is_admin() }}">
-                    {{ form.stoptime.label(class='control-label') }}
-                    <div class='input-group date' class='datetimepicker'>
-                        {{ form.stoptime(class='form-control datetimepicker') }}
-                        <span class="input-group-addon">
-                            <span class="glyphicon glyphicon-calendar"></span>
-                        </span>
+                    <div class="form-group">
+                         {{ form.submit_button(class='btn btn-primary') }}
                     </div>
-                    {{ util.render_form_field_errors(form.stoptime) }}
-                </div>
-                <div class="form-group">
-                     {{ form.submit_button(class='btn btn-primary') }}
-                </div>
-            </form>
+                </form>
+            </div>
+        </div>
         </div>
     {% endif %}
         </div>