Home Explore Help
Sign In
daimrod
/
transparency
forked from jocelyn/transparency
1
0
Fork 0
Files
Browse Source

Less buggy grid management

Jocelyn Delande 9 years ago
parent
83db89046e
commit
2c6bdbfa30
3 changed files with 38 additions and 20 deletions
Split View Show Diff Stats
  1. 18 12
      costs/templates/costs/base.html
  2. 8 4
      costs/templates/costs/document_detail.html
  3. 12 4
      costs/templates/costs/service_detail.html

+ 18 - 12
costs/templates/costs/base.html
View File 

@@ -29,13 +29,13 @@
 
 </head>
 
 
 <body>
 
-  <div class="ui padded grid">
 
-    <div class="row ui text container">
 
-      <h1>{% block title %}FAImaison − Coûts de revient{% endblock %}</h1>
 
-    </div>
 
+  <div class="ui container">
 
+    <div class="ui container">
 
+        <h1 class="ui row">{% block title %}FAImaison − Coûts de revient{% endblock %}</h1>
 
+        <div class="ui row">&nbsp;</div>
 
+        <div class="ui row">&nbsp;</div>
 
 
-    <div class="row ui text container">
 
-      <nav class="ui huge breadcrumb">
 
+        <nav class="ui row huge breadcrumb">
 
 {% for title, url in breadcrumbs %}
 
   {% if url %}<a class="section{% if forloop.last %} active {% endif %}" href="{{ url }}" >{% endif %}
 
       {{ title }}
 
@@ -44,18 +44,24 @@
 
       <i class="right chevron icon divider"></i>
 
   {% endif %}
 
 {% endfor %}
 
-      </nav>
 
+        </nav>
 
+        <div class="ui row">&nbsp;</div>
 
     </div>
 
 
-    <div class="row ui text container">
 
-      <aside class="ui right rail sticky" style="width: 250px">
 
-        {% block rail %}{% endblock %}
 
-      </aside>
 
-      <article class="ui padded grid">
 
+    <div class="row ui container">
 
+
 
+      <article class="ui grid">
 
+        <div class="twelve wide column text container">
 
 {% block content %}
 
 
 
 {% endblock %}
 
+        </div>
 
+
 
+        <aside class="ui four wide column">
 
+        {% block rail %}{% endblock %}
 
+        </aside>
 
+
 
       </article>
 
     </div>
 
   </div>

+ 8 - 4
costs/templates/costs/document_detail.html
View File 

@@ -32,11 +32,11 @@
 
 <section class="ui row">
 
 <h2>Services proposés aux adhérents</h2>
 
 
-<p>
 
+<p class="ui text container">
 
   Cliquer sur un service pour accéder au détail de son coût par abonnement.
 
 </p>
 
 
-<ul>
 
+<ul class="ui text container">
 
 {% for service in document.service_set.all %}
 
   <li>
 
     <a href="{{ service.get_absolute_url }}">{{ service.name }}</a>
 
@@ -50,9 +50,10 @@
 
 </section>
 
 
 <section class="ui row">
 
-<h2 >Coûts récurents</h2>
 
+<h2>Coûts récurents</h2>
 
 
-<p style="width: 100%">
 
+<div class="ui text container">
 
+<p>
 
 Sont listés ici les coûts facturés à l'association mensuellement.
 
 </p>
 
 
@@ -90,11 +91,13 @@ Sont listés ici les coûts facturés à l'association mensuellement.
 
 {% endfor %}
 
   </tbody>
 
 </table>
 
+
 
 </section>
 
 
 <section class="ui row">
 
   <h2>Matériel et frais d'accès</h2>
 
 
+  <div class="ui text container">
 
   <p>
 
     Sont listés ici les investissements que l'association n'a a payer qu'une
 
     fois. Comptablement, ces coûts sont répartis entre les différents services
 
@@ -140,5 +143,6 @@ Sont listés ici les coûts facturés à l'association mensuellement.
 
   <tr><td>Pas de matériel pour l'instant.</td></tr>
 
 {% endfor %}
 
 </table>
 
+</div>
 
 </section>
 
 {% endblock %}

+ 12 - 4
costs/templates/costs/service_detail.html
View File 

@@ -39,7 +39,7 @@
 
 
 
 {% block content %}
 
-  <section class="ui row">
 
+  <section class="text container ui row">
 
     <div class="segment">
 
       <p>
 
 Ce détail du <em>prix coûtant</em> vous permet de choisir le <strong>prix
 
@@ -59,9 +59,12 @@ chantiers, et parer aux imprévus. Bien qu'elle n'apparaisse pas ici, il est
 
       </p>
 
     </div>
 
   </section>
 
-  <section class="ui row">
 
 
   <h2>Coût récurent mensuel</h2>
 
+
 
+  <section class="ui row">
 
+
 
+    <div class="ui text container">
 
   <p>
 
 Les coûts du document <a href="{{ document.get_absolute_url }}">{{ document }}</a>
 
 sont répartis entre les différents services puis à part égale entre chaque
 
@@ -72,6 +75,8 @@ abonnement au service.
 
 <em>L'amortissement</em> correspond à une provision pour le renouvellement du
 
 matériel et des investissements à l'échéance de leur durée de vie.
 
   </p>
 
+    </div>
 
+
 
   <table class="ui celled structured table">
 
     <thead>
 
       <tr>
 
@@ -143,10 +148,12 @@ matériel et des investissements à l'échéance de leur durée de vie.
 
     </tfoot>
 
   </table>
 
 </section>
 
+  <h2>Coût de mise en place (FAS)</h2>
 
+
 
 
 <section class="ui row">
 
-  <h2>Coût de mise en place (FAS)</h2>
 
 
+  <div class="ui text container">
 
   <p>
 
 Les coûts de mise en place peuvent être pris en charge de différentes
 
 manières (complémentaires) :
 
@@ -164,6 +171,7 @@ d'avance de trésorerie)</li>
 
   <p>
 
     À vous de voir :-)
 
   </p>
 
+  </div>
 
   <table class="ui celled structured table">
 
     <thead>
 
       <tr>
 
@@ -198,7 +206,7 @@ d'avance de trésorerie)</li>
 
     </tfoot>
 
   </table>
 
 
-  <p>
 
+  <p class="ui text container">
 
 Lissée sur 12 mois, la mise en place équivaut à {{ monthly_fas|price }}/mois.
 
   </p>