From 2e06e67b260eaf1cc6de0d0a60e4f61ba229ef00 Mon Sep 17 00:00:00 2001
From: pavel <pavel.handleman@gmail.com>
Date: Tue, 23 Dec 2014 09:15:24 +0000
Subject: [PATCH] expo-6 expo/fiera-natale-2014/service/participation/ - ready

---
 templates/client/service/participation.html | 75 ++++++++++-----------
 templates/client/static_client/css/main.css |  8 ++-
 2 files changed, 44 insertions(+), 39 deletions(-)

diff --git a/templates/client/service/participation.html b/templates/client/service/participation.html
index a2e8792c..3ca2b79d 100644
--- a/templates/client/service/participation.html
+++ b/templates/client/service/participation.html
@@ -54,7 +54,7 @@
 
             </div>
 
-            <div class="rq-form" {% if form.errors %}style="display:block"{% endif %}>
+            <div class="rq-form service-page" {% if form.errors %}style="display:block"{% endif %}>
                 <form action="#" method="post">{% csrf_token %}
 
                     <hr />
@@ -64,22 +64,22 @@
                         <div class="rqf-title">{% trans 'Информация об экспоместе' %}</div>
 
                         <div class="mf-line cols-2">
-                            <div class="mf-field rq-area-val">
+                            <div class="mf-field rq-area-val validate-field{% if form.area.errors %} error-field{% endif %}">
                                 <label>{% trans 'Требуемая площадь' %}:</label>
                                 {{ form.area }}
+                                <div class="error-blob">
+                                    {{ form.area.errors }}
+
+                                </div>
                             </div>
 
-                            <div class="mf-field rq-area-type">
+                            <div class="mf-field rq-area-type validate-field{% if form.area_type.errors %} error-field{% endif %}">
                                 <label>{% trans 'Вид площади' %}:</label>
                                 {{ form.area_type }}
-                            </div>
-                        </div>
-                        <div class="mf-line cols-2">
-                            <div class="mf-field rq-area-val">
-                                {{ form.area.errors }}
-                            </div>
-                            <div class="mf-field rq-area-type">
-                                {{ form.area_type.errors }}
+                                <div class="error-blob">
+                                    {{ form.area_type.errors }}
+
+                                </div>
                             </div>
                         </div>
 
@@ -97,50 +97,49 @@
 
                         <div class="rqf-title">{% trans 'Ваши контактные данные' %}</div>
 
-                        <div class="mf-line rq-person">
-                            <div class="mf-field">
+                        <div class="mf-line rq-person ">
+                            <div class="mf-field validate-field{% if form.person_inf.errors %} error-field{% endif %}" >
                                 {{ form.person_inf }}
-                            </div>
-                        </div>
-                        <div class="mf-line rq-person">
-                            <div class="mf-field error">
-                                {{ form.person_inf.errors }}
+                                <div class="error-blob">
+                                    {{ form.person_inf.errors }}
+
+                                </div>
                             </div>
                         </div>
 
                         <div class="mf-line cols-2 rq-place">
-                            <div class="mf-field rq-country">
+                            <div class="mf-field rq-country validate-field{% if form.country.errors %} error-field{% endif %}">
                                 {{ form.country }}
+                                <div class="error-blob">
+                                    {{ form.country.errors }}
+
+                                </div>
                             </div>
 
-                            <div class="mf-field rq-city">
+                            <div class="mf-field rq-city validate-field{% if form.city.errors %} error-field{% endif %}">
                                 {{ form.city }}
-                            </div>
-                        </div>
-                        <div class="mf-line cols-2 rq-place">
-                            <div class="mf-field rq-country error">
-                                {{ form.country.errors }}
-                            </div>
-                            <div class="mf-field rq-city error">
-                                {{ form.city.errors }}
+                                <div class="error-blob">
+                                    {{ form.city.errors }}
+
+                                </div>
                             </div>
                         </div>
 
                         <div class="mf-line cols-2 rq-contacts">
-                            <div class="mf-field rq-tel">
+                            <div class="mf-field rq-tel validate-field{% if form.phone.errors %} error-field{% endif %}">
                                 {{ form.phone }}
+                                <div class="error-blob">
+                                    {{ form.phone.errors }}
+
+                                </div>
                             </div>
 
-                            <div class="mf-field rq-mail">
+                            <div class="mf-field rq-mail validate-field{% if form.person.errors %} error-field{% endif %}">
                                 {{ form.person }}
-                            </div>
-                        </div>
-                        <div class="mf-line cols-2 rq-contacts">
-                            <div class="mf-field rq-tel error">
-                                {{ form.phone.errors }}
-                            </div>
-                            <div class="mf-field rq-mail error">
-                                {{ form.person.errors }}
+                                <div class="error-blob">
+                                    {{ form.person.errors }}
+
+                                </div>
                             </div>
                         </div>
 
diff --git a/templates/client/static_client/css/main.css b/templates/client/static_client/css/main.css
index e04bc623..a3e83b30 100644
--- a/templates/client/static_client/css/main.css
+++ b/templates/client/static_client/css/main.css
@@ -12465,15 +12465,21 @@ hr + .rq-note {
 	.service-page .error-field{
 		position: relative;
 		/*padding:0 5px;*/
+		-webkit-box-sizing: border-box;
+		-moz-box-sizing: border-box;
+		box-sizing: border-box;
 
 	}
+	.mf-line.cols-2 .mf-field.error-field:first-child:before{
+		margin-right: 30px;
+	}
 	.service-page .error-field:before {
 		content: '';
 		display: block;
 		position: absolute;
 		top: 50%;
 		right: 0;
-		margin-right: 32px;
+		margin-right: 20px;
 		margin-top: -11px;
 		width: 15px;
 		height: 16px;