ajout style fiche entreprise

app/static/css/entreprises.css

@@ -8,4 +8,32 @@
     color: #ffffff;
     background-color: #222222;
     *background-color: #151515;
+}
+
+.fiche-entreprise .btn {
+    margin-bottom: 10px;
+}
+
+.parent-btn {
+    margin-bottom: -10px;
+}
+
+.entreprise, .contact, .offre {
+    border: solid 2px;
+    border-radius: 10px;
+    padding: 10px;
+    margin-bottom: 10px;
+}
+
+.contacts-et-offres {
+    display: flex;
+    justify-content: space-between;
+}
+
+.contacts-et-offres > div {
+    flex: 1 0 0;
+}
+
+.contacts-et-offres > div:nth-child(2) {
+    margin-left: 20px;
 }

app/templates/entreprises/_contact.html

@@ -1,5 +1,5 @@
 {# -*- mode: jinja-html -*- #}
-<div>
+<div class="contact">
     <p>
         Nom : {{ contact.nom }}<br>
         Prénom : {{ contact.prenom }}<br>
@@ -14,7 +14,7 @@
     </p>
 
     {% if current_user.has_permission(current_user.Permission.RelationsEntreprisesChange, None) %}
-    <div style="margin-bottom: 10px;">
+    <div class="parent-btn">
         <a class="btn btn-primary" href="{{ url_for('entreprises.edit_contact', id=contact.id) }}">Modifier contact</a>
         <a class="btn btn-danger" href="{{ url_for('entreprises.delete_contact', id=contact.id) }}">Supprimer contact</a>
     </div>

app/templates/entreprises/_offre.html

@@ -1,5 +1,5 @@
 {# -*- mode: jinja-html -*- #}
-<div>
+<div class="offre">
     <p>
         Intitulé : {{ offre[0].intitule }}<br>
         Description : {{ offre[0].description }}<br>
@@ -17,7 +17,7 @@
         {% endif %}
     </p>
     
-    <div style="margin-bottom: 10px;">
+    <div class="parent-btn">
         {% if current_user.has_permission(current_user.Permission.RelationsEntreprisesChange, None) %}
         <a class="btn btn-primary" href="{{ url_for('entreprises.edit_offre', id=offre[0].id) }}">Modifier l'offre</a>
         <a class="btn btn-danger" href="{{ url_for('entreprises.delete_offre', id=offre[0].id) }}">Supprimer l'offre</a>

app/templates/entreprises/fiche_entreprise.html

@@ -34,10 +34,10 @@
     </div>
     {% endif %}
     
-    <div class="container">
+    <div class="container fiche-entreprise">
         <h2>Fiche entreprise - {{ entreprise.nom }} ({{ entreprise.siret }})</h2>
 
-        <div>
+        <div class="entreprise">
             <p>
                 SIRET : {{ entreprise.siret }}<br>
                 Nom : {{ entreprise.nom }}<br>
@@ -48,23 +48,25 @@
             </p>
         </div>
 
-        {% if contacts %}
+        <div class="contacts-et-offres">
-        <div>
+            {% if contacts %}
-            {% for contact in contacts %}
+            <div>
-            Contact {{loop.index}}
+                <h3>Contacts</h3>
-            {% include 'entreprises/_contact.html' %}
+                {% for contact in contacts %}
-            {% endfor %}
+                {% include 'entreprises/_contact.html' %}
-        </div>
+                {% endfor %}
-        {% endif %}
+            </div>
+            {% endif %}
 
-        {% if offres %}
+            {% if offres %}
-        <div>
+            <div>
-            {% for offre in offres %}
+                <h3>Offres</h3>
-            Offre {{loop.index}} (ajouté le {{offre[0].date_ajout.strftime('%d/%m/%Y') }})
+                {% for offre in offres %}
-            {% include 'entreprises/_offre.html' %}
+                {% include 'entreprises/_offre.html' %}
-            {% endfor %}
+                {% endfor %}
+            </div>
+            {% endif %}
         </div>
-        {% endif %}
 
         {% if current_user.has_permission(current_user.Permission.RelationsEntreprisesChange, None) %}
         <div>