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

app/view/user/perso.html

-    <div id="subtitle" class="row">
+    <div id="subtitle" class="row fluid">
         <div class="page-header">
             <h1 class="text-left">{{ _("Merci de soutenir La Quadrature du Net &lt;3&nbsp;!")}}</h1>
         </div>
     </div>
-    <div class="row">
+    <div class="row fluid">
         <div class="col-md-4"><!-- Form infos du compte -->
             <div class="panel panel-default">
                 <div class="panel-heading" role="tab" id="headingInfos">
@@ -164,7 +164,7 @@
             <h2 class="text-left">{{ _("Vos dons")}}</h2>
         </div>
     </div>
-    <div id="" class="row">
+    <div id="vosdons" class="row">
         <div class="col-md-4"><!-- déjà donné -->
             <div class="panel panel-default">
                 <div class="panel-heading" role="tab" id="headingOne">
@@ -192,7 +192,7 @@
     </div>
     <div class="row"><!-- nouveau don -->
         <div class="row">
-            <button type="button" class="btn btn-primary c-boutonslongs" data-toggle="modal" data-target="#ModaleConfirmation">{{ _("Faire un nouveau don")}}</button>
+            <button type="button" class="btn btn-lg btn-primary c-boutonscourts" data-toggle="modal" data-target="#ModaleConfirmation">{{ _("Faire un nouveau don")}}</button>
         </div>
     </div>
 </section>
@@ -286,7 +286,7 @@
                                 </label>
                                 <form class="text-left">
                                     <div class="form-group text-left">
-                                        <label for="taille">{{ _("Taille") }}</label>
+                                        <label class="form-control" for="taille">{{ _("Taille") }}</label>
                                         <select name="taille">
                                         <repeat group="{{ @atailles }}" key="{{ @key }}" value="{{ @value }}">
                                         <option value="{{ @key }}">{{ @value }}</option>
@@ -343,7 +343,7 @@
             <div class="col-md-8 col-md-offset-2"><!-- Adresse -->
                 <div class="form-group form-inline">
                     <label for="adresses">{{ _("Envoyer à l'adresse :")}}</label>
-                    <select name="adresse_id">
+                    <select class="form-control" name="adresse_id">
                         <repeat group="{{ @adresses }}" value="{{ @adresse }}">
                         <option value="{{ @adresse.id }}" <check if="{{ @adresse.defaut != 0 }}">selected</check>>{{ @adresse.alias }} - {{ @adresse.adresse }} {{@adresse.adresse2 }}</option>
                         </repeat>	
@@ -351,7 +351,7 @@
                 </div>
             </div><!-- / Adresse -->
             <div class="col-md-8 col-md-offset-2"><!-- Bouton -->
-                <input type="submit" class="btn btn-lg btn-primary c-boutonslongs" value="{{ _('Envoyer')}}">
+                <input type="submit" class="btn btn-lg btn-primary c-boutonscourts" value="{{ _('Envoyer')}}">
             </div><!-- / bouton -->
             </check>
         </form>

www/static/css/custom.css

@@ -23,14 +23,15 @@ form .form-group input, select.form-control , textarea.form-control{
   font-weight: bold;
 }
 
-.panel-body.c-pannelfondblanc {
+.panel-body.c-pannelfondblanc, .panel-body {
   background-color: #fff;
   border: solid 1px #2f5188;
+  color: #2f5188;
 }
-
+/*
 .panel-default .panel-body {
   color: white;
-}
+}*/
 
 button.c-boutonslongs, input.c-boutonslongs {
   background-color : #2f5188;
@@ -39,6 +40,13 @@ button.c-boutonslongs, input.c-boutonslongs {
   margin-top: 1em;
 }
 
+button.c-boutonscourts, input.c-boutonscourts {
+  background-color : #2f5188;
+  color: #fff;
+  margin: 2em 0;
+  font-size: 1.2em;
+}
+
 button.c-boutonslongs:hover, input.c-boutonslongs:hover {
   background-color : #3B68B0;
   color: #fff;
@@ -65,6 +73,10 @@ button.c-boutonslongs:hover, input.c-boutonslongs:hover {
   background-color : #2f5188;
 }
 
+.panel-default .panel-body {
+  background-color : white;
+}
+
 .modal {
   background-color: rgba(240, 246, 255, 0.7);
 }
@@ -100,17 +112,70 @@ background-color: #ffffff;
     color:#2f5188;
 }
 
-section.container-fluid > * {
+.fluid {
 width: 80%;
 margin: auto;
 max-width: 1250px;
 }
-#wrapper .col-md-4 {
+
+#vosdons {
+padding: 0 15px;
+}
+
+#vosdons label {
+    display:block;
+}
+
+#vosdons .col-md-4 {
     width: 50%;
 }
-h1 .text-left {
+
+
+/* Page d'accueil */
+
+#donation {
+   width: 41%;
+  float: initial; 
+  margin :auto ;
+}
+
+#donation .btn em {
+    font-style:normal;
+}
+
+.unmodal {
+    margin-bottom: 1em;
+}
+
+.page-header h1 {
     margin-left: 1em;
+    text-align: center;
+    margin: 1em 0;
 }
+.page-header {
+    margin-left: 2em;
+}
+
+#subtitle p {
+    margin: 2em;
+}
+#subtitle .page-header {
+    margin-left:0;
+    width:100%;
+}
+
+/* Modale de connexion */
+
+#login .modal-row a, #login .modal-row #submit {
+    display:block;
+}
+#login .modal-row :first-child {
+    margin:1em;
+}
+.btn-lg {
+    display:block;
+}
+
 
 /* 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 */

www/static/css/layouts.css

@@ -435,7 +435,7 @@ nav.dark-blue {
 }
 
 section {
-	margin: 0px !important;
+	margin: 0px;
 }
 
 em {