Merge branch '139_demandeur' into _23_addresses_form_2

src/Bundle/ChillMainBundle/Resources/public/scss/chillmain.scss

@@ -39,8 +39,17 @@ div.subheader {
   height: 130px;
 }
 
-//// VUEJS ////
+//// SCRATCH BUTTONS
+.sc-button {
+   &.disabled {
+      cursor: default;
+      &.bt-remove {
+         background-color: #d9d9d9;
+      }
+   }
+}
 
+//// VUEJS ////
 div.vue-component {
   padding: 1.5em;
   margin: 2em 0;
@@ -95,33 +104,47 @@ div.vue-component {
 }
 
 //// AddPersons modal
-div.modal-body.up {
-   margin: auto 4em;
-   div.search {
-      position: relative;
-      input { 
-         padding: 1.2em 1.5em 1.2em 2.5em;
-         margin: 1em 0;
+div.body-head {
+   overflow-y: unset;
+   div.modal-body:first-child {
+      margin: auto 4em;
+      div.search {
+         position: relative;
+         input { 
+            padding: 1.2em 1.5em 1.2em 2.5em;
+            margin: 1em 0;
+         }
+         i {
+            position: absolute;
+            opacity: 0.5;
+            padding: 0.65em 0;
+            top: 50%; 
+         }
+         i.fa-search {
+            left: 0.5em;
+         }
+         i.fa-times {
+            right: 1em;
+            padding: 0.75em 0;
+            cursor: pointer;
+         }
       }
-      i {
-         position: absolute;
-         top: 50%; 
-         left: 0.5em;
-         padding: 0.65em 0;
-         opacity: 0.5;
-      }
-         
+   }
+   div.modal-body:last-child {
+      padding-bottom: 0;
    }
 }
-div.results {
-   div.count {
-      margin: -0.5em 0 0.7em;
-      display: flex;
-      justify-content: space-between;
+div.count {
+   margin: -0.5em 0 0.7em;
+   display: flex;
+   justify-content: space-between;
+   a {
+      cursor: pointer;
    }
+}
+div.results {   
    div.list-item {
-      line-height: 26pt;
-      padding: 0.3em 0.8em;
+      padding: 0.4em 0.8em;
       display: flex;
       flex-direction: row;
       &.checked {
@@ -132,11 +155,20 @@ div.results {
          & > input {
             margin-right: 0.8em;
          }
+         span:not(.name) {
+            margin-left: 0.5em;
+            opacity: 0.5;
+            font-size: 90%;
+            font-style: italic;
+         }
       }
       div.right_actions {
          margin: 0 0 0 auto;
+         display: flex;
+         align-items: flex-end;
          & > * {
             margin-left: 0.5em;
+            align-self: baseline;
          }
          a.sc-button {
             border: 1px solid lightgrey;
@@ -146,7 +178,6 @@ div.results {
       }
    }
 }
-
 .discret {
    color: grey;
    margin-right: 1em;

src/Bundle/ChillMainBundle/Resources/public/vuejs/_components/Modal.vue

@@ -9,8 +9,8 @@
                <button class="close sc-button grey" @click="$emit('close')">
                   <i class="fa fa-times" aria-hidden="true"></i></button>
             </div>
-            <div class="modal-body up" style="overflow-y: unset;">
-               <slot name="body-fixed"></slot>
+            <div class="body-head">
+               <slot name="body-head"></slot>
             </div>
             <div class="modal-body">
                <slot name="body"></slot>