Distributions : marge boutons modal form order

backend/views/distribution/index.php

@@ -447,10 +447,12 @@ $this->setPageTitle('Distributions') ;
             </div>
         </div>
         <div slot="footer">
-            <button class="modal-default-button btn btn-primary" @click="submitFormUpdate" v-if="order.id">Modifier</button>
-            <button class="modal-default-button btn btn-primary" @click="submitFormCreate" v-else>Créer</button>
-    
-            <button class="modal-default-button btn btn-default" @click="$emit('close')">Annuler</button>
+            <div class="actions-form">
+                <button class="modal-default-button btn btn-primary" @click="submitFormUpdate" v-if="order.id">Modifier</button>
+                <button class="modal-default-button btn btn-primary" @click="submitFormCreate" v-else>Créer</button>
+
+                <button class="modal-default-button btn btn-default" @click="$emit('close')">Annuler</button>
+            </div>
         </div>
     </modal>
 </script>

backend/web/css/screen.css

@@ -1822,19 +1822,23 @@ termes.
 .distribution-index .modal-form-order table.table-products td.quantity-remaining {
   text-align: right;
 }
-/* line 285, ../sass/distribution/_index.scss */
+/* line 283, ../sass/distribution/_index.scss */
+.distribution-index .modal-form-order .actions-form button {
+  margin-left: 15px;
+}
+/* line 291, ../sass/distribution/_index.scss */
 .distribution-index .modal-payment .info-box .info-box-icon {
   width: 50px;
 }
-/* line 287, ../sass/distribution/_index.scss */
+/* line 293, ../sass/distribution/_index.scss */
 .distribution-index .modal-payment .info-box .info-box-icon i {
   font-size: 30px;
 }
-/* line 291, ../sass/distribution/_index.scss */
+/* line 297, ../sass/distribution/_index.scss */
 .distribution-index .modal-payment .info-box .info-box-content {
   margin-left: 50px;
 }
-/* line 297, ../sass/distribution/_index.scss */
+/* line 303, ../sass/distribution/_index.scss */
 .distribution-index .modal-mask {
   position: fixed;
   z-index: 9998;
@@ -1846,12 +1850,12 @@ termes.
   display: table;
   transition: opacity .3s ease;
 }
-/* line 309, ../sass/distribution/_index.scss */
+/* line 315, ../sass/distribution/_index.scss */
 .distribution-index .modal-wrapper {
   display: table-cell;
   vertical-align: middle;
 }
-/* line 314, ../sass/distribution/_index.scss */
+/* line 320, ../sass/distribution/_index.scss */
 .distribution-index .modal-container {
   width: 70%;
   margin: 0px auto;
@@ -1862,37 +1866,37 @@ termes.
   transition: all .3s ease;
   font-family: Helvetica, Arial, sans-serif;
 }
-/* line 325, ../sass/distribution/_index.scss */
+/* line 331, ../sass/distribution/_index.scss */
 .distribution-index .modal-header {
   padding-bottom: 0px;
 }
-/* line 327, ../sass/distribution/_index.scss */
+/* line 333, ../sass/distribution/_index.scss */
 .distribution-index .modal-header h3 {
   margin-top: 0;
   color: #333;
   text-transform: uppercase;
   margin-bottom: 0px;
 }
-/* line 335, ../sass/distribution/_index.scss */
+/* line 341, ../sass/distribution/_index.scss */
 .distribution-index .modal-body {
   margin: 20px 0;
   max-height: 300px;
   height: 300px;
   overflow-y: scroll;
 }
-/* line 342, ../sass/distribution/_index.scss */
+/* line 348, ../sass/distribution/_index.scss */
 .distribution-index .modal-default-button {
   float: right;
 }
-/* line 355, ../sass/distribution/_index.scss */
+/* line 361, ../sass/distribution/_index.scss */
 .distribution-index .modal-enter {
   opacity: 0;
 }
-/* line 359, ../sass/distribution/_index.scss */
+/* line 365, ../sass/distribution/_index.scss */
 .distribution-index .modal-leave-active {
   opacity: 0;
 }
-/* line 363, ../sass/distribution/_index.scss */
+/* line 369, ../sass/distribution/_index.scss */
 .distribution-index .modal-enter .modal-container,
 .distribution-index .modal-leave-active .modal-container {
   -webkit-transform: scale(1.1);

backend/web/sass/distribution/_index.scss

@@ -278,6 +278,12 @@ termes.
                 text-align: right ;
             }
         }
+        
+        .actions-form {
+            button {
+                margin-left: 15px ;
+            }
+        }
     }
     
     .modal-payment {