Merge branch '32-nouveau-front' of git.laquadrature.net:lqdn-interne/don into preprod

app/view/toolbar.html

@@ -115,7 +115,7 @@
 		<div class="container-fluid">
 			<div class="navbar-header">
 				<a class="navbar-brand" href="{{ 'home' | alias }}">
-					<img src="/static/img/logo.png" alt="">
+					<img src="/static/img/logo.svg" alt="">
 				</a>
 			</div>
 			<ul class="nav navbar-nav">

app/view/user/perso.html

-<section class="container-fluid light-blue">
-    <div class="row">
-        <div class="page-header col-md-offset-1 col-md-10 merci">
-            <h1 class="text-center">{{ _("Merci de soutenir La Quadrature du Net et ses actions&nbsp;!")}}</h1>
-            <em class="text-center"> {{ _("Cette page vous permet de modifier votre pi-xel et vos informations personnelles, <br> de choisir vos contreparties, et liste vos précédents dons.")}}</em>
-        </div>
-    </div>
-</section>
-<section id="wrapper" class="container-fluid">
     <div id="subtitle" class="row">
         <div class="page-header">
-            <h1 class="text-left">{{ _("Merci &lt;3&nbsp;!")}}</h1>
+            <h1 class="text-left">{{ _("Merci de soutenir La Quadrature du Net &lt;3&nbsp;!")}}</h1>
         </div>
     </div>
     <div class="row">
         <div class="col-md-4"><!-- Form infos du compte -->
-            <div class="panel panel-default" style="margin-right:2em;">
+            <div class="panel panel-default">
                 <div class="panel-heading" role="tab" id="headingInfos">
                     <div class="panel-title col-xs text-left">
                         <a role="button" data-toggle="collapse" href="#collapseInfos" aria-expanded="flase" aria-controls="collapseInfos">
@@ -54,7 +45,7 @@
             </div>
         </div><!-- /Form infos du compte -->
         <div class="col-md-4"><!-- Form addresses -->
-            <div class="panel panel-default" style="margin-right: 1em; margin-left: 1em;">
+            <div class="panel panel-default">
                 <div class="panel-heading" role="tab" id="headingAdresses">
                     <div class="row">
                         <div class="panel-title col-xs-10 text-left">
@@ -132,7 +123,7 @@
             </div>
         </div><!-- / Form Adresses -->
         <div class="col-md-4"><!-- Form historique -->
-            <div class="panel panel-default" style="margin-left: 2em;">
+            <div class="panel panel-default">
                 <div class="panel-heading" role="tab" id="headingHistorique">
                     <div class="row">
                         <div class="panel-title col-xs-10 text-left">
@@ -198,18 +189,6 @@
                 </div>
             </div>
         </div><!-- / disponible -->
-        <div class="col-md-4"><!-- prochain -->
-            <div class="panel panel-default">
-                <div class="panel-heading" role="tab" id="headingOne">
-                    <div class="panel-title">
-                        <p>{{ _("Prochain bonus disponible dans")}}</p>
-                    </div>
-                </div>
-                <div class="panel-body c-pannelfondblanc">
-                    <p class="c-groschiffre"><!-- FIXME calculer le prochain palier -->XX</p>
-                </div>
-            </div>
-        </div><!-- / prochain -->
     </div>
     <div class="row"><!-- nouveau don -->
         <div class="row">
@@ -219,7 +198,7 @@
 </section>
 
 <section id="wrapper" class="text-center container-fluid">
-<div id=subtitle" class="row">
+<div id="subtitle" class="row">
     <div class="page-header">
         <h2 class="text-left">{{ _("Demander des contreparties")}}</h2>
     </div>
@@ -265,7 +244,7 @@
             <check if="{{ @infos.cumul >= 50 }}">
             <div class="col-md-8 col-md-offset-2"><!-- Pibag -->
                 <div class="panel panel-default">
-                    <div class="panel-nody c-panelcontrepartie">
+                    <div class="panel-body c-panelcontrepartie">
                         <div class="col-md-1">
                             <input type="checkbox" class="" id="quoi2" name="quoi" <check if="{{ @infos.cumul < 50 }}">disabled</check> value="pibag">
                         </div>

www/static/css/custom.css

@@ -29,7 +29,7 @@ form .form-group input, select.form-control , textarea.form-control{
 }
 
 .panel-default .panel-body {
-  color: #2f5188;
+  color: white;
 }
 
 button.c-boutonslongs, input.c-boutonslongs {
@@ -94,3 +94,28 @@ border: solid 1px #ccd3dd;
 color: #2f5188;
 background-color: #ffffff;
 }
+
+#contreparties, #contreparties .well {
+    background-color:white;
+    color:#2f5188;
+}
+
+section.container-fluid > * {
+width: 80%;
+margin: auto;
+max-width: 1250px;
+}
+#wrapper .col-md-4 {
+    width: 50%;
+}
+h1 .text-left {
+    margin-left: 1em;
+}
+
+/* Problèmes de css à répercuter plus tard */
+.col-md- { /* marge gauche arbitraire qui semblait destinée à centrer : .col-md-offset-1 { margin-left: 8.33333333%;} dans bootstrap.css ligne 2086 */
+    margin:0;
+}
+p { /* bootstrap.css ligne 1289 marge de 10px sous les p qui n'est utile nullepart  */
+    margin:0;
+}
\ No newline at end of file