From 853e8f607cb3b1f87b4fb39c3e593b5dbe09f67b Mon Sep 17 00:00:00 2001
From: Marc Ducobu <marc@champs-libres.coop>
Date: Fri, 14 Nov 2014 15:19:20 +0100
Subject: [PATCH] close#329 - Set person's nationality and person's birthday
 right-align

---
 Resources/views/layout.html.twig | 52 +++++++++++++++++---------------
 1 file changed, 28 insertions(+), 24 deletions(-)

diff --git a/Resources/views/layout.html.twig b/Resources/views/layout.html.twig
index 319ae1264..999598c00 100644
--- a/Resources/views/layout.html.twig
+++ b/Resources/views/layout.html.twig
@@ -11,31 +11,35 @@
 {% block layout_content %}
 <div class="container">
     <div id="person_wrapper">
-        <div id="general">
-            <h1>
-                <span class="surname">{{  person.surname }}</span> 
-                <span class="personName">{{ person.name }}</span> {% spaceless %}
-                {% if person.isOpen == false %}
-                <i class="icon-lock"></i>
-                {% endif %}
-                {% endspaceless %}
-            </h1>
-
-            <p class="date detail">{% spaceless %}
-                {% if person.dateOfBirth == null %}
-                      {{ 'person.without_date_of_birth'|trans }}, {{ ('person.gender.' ~
-                        person.genre)|trans }}
-                {% else %}
-                    {% transchoice person.genreNumeric
-                               with {'%date%' : person.dateOfBirth.format('d-m-Y')} %}views.layout.born{% endtranschoice %}
-            
-                {% endif %}
+        <div id="general" class="parent">
+            <div class="grid-8">
+                <h1>
+                    <i class="fa fa-male"></i> {{  person.surname }} {{ person.name }} {% spaceless %}
+                        {% if not person.isOpen %}
+                            <i class="fa fa-lock"></i>      
+                        {% endif %}
+                    {% endspaceless %}
+                </h1>
+            </div>
+            <div class="grid-4">
+                <p><i class="fa fa-birthday-cake"></i>  {% spaceless %}
+                    {% if person.dateOfBirth == null %}
+                        {{ 'person.without_date_of_birth'|trans }}, {{ ('person.gender.' ~
+                            person.genre)|trans }}
+                    {% else %}
+                        {% transchoice person.genreNumeric
+                            with {'%date%' : person.dateOfBirth.format('d-m-Y')} %}
+                            views.layout.born
+                        {% endtranschoice %}
+                    {% endif %}
                 {% endspaceless %}</p>
-            {% if person.nationality is not null %}
-                <p class="nationality detail">{{ person.nationality.label }}</p>
-            {% else %}
-                <p class="nationality detail without_nationality">{% trans %}views.layout.without_nationality{% endtrans %}</p>
-            {% endif %} 
+
+                {% if person.nationality is not null %}
+                    <p><i class="fa fa-flag"></i> {{ person.nationality.label }}</p>
+                {% else %}
+                    <p class="without_nationality"><i class="fa fa-flag"></i> {% trans %}views.layout.without_nationality{% endtrans %}</p>
+                {% endif %} 
+            </div>
         </div>
 
         <div id="person_details" class="content">