Merge branch 'anis' of ssh://git.marbelium.com:10023/Viiciouss/XJC into thierry

src/app/components/opCommercial/creation-op-com/creation-op-com.component.html

@@ -1,34 +1,38 @@
-<div class="card">
-  <div class="well">
-    <p class="h5 text-center mb-4">creation-op-com</p>
-    <div class="md-form">
-      <i class="fa fa-address-card prefix grey-text"></i>
-      <input type="text" id="orangeForm-Familyname" [(ngModel)]="opComm.name" placeholder="Name">
-    </div>
-    <div class="md-form">
-      <i class="fa fa-calendar-check-o prefix grey-text"></i>
-      <input type="date" id="orangeForm-Date" placeholder="Date debut">
-    </div>
-    <div class="md-form">
-      <i class="fa fa-calendar-times-o prefix grey-text"></i>
-      <input type="date" id="orangeForm-Date" placeholder="Date fin">
-    </div>
+<div class="container" style="padding-top: 10%">
+  <div class="card" style="padding: 5%;">
+    <div class="well">
+      <p class="h5 text-center mb-4">Nouvelle operation commercial</p>
+      <div class="md-form">
+        <i class="fa fa-address-card prefix grey-text"></i>
+        <input type="text" id="orangeForm-Familyname" [(ngModel)]="opComm.name" placeholder="Name">
+      </div>
+      <div class="md-form">
+        <i class="fa fa-calendar-check-o prefix grey-text"></i>
+        <input type="date" id="orangeForm-Date" placeholder="Date debut">
+      </div>
+      <div class="md-form">
+        <i class="fa fa-calendar-times-o prefix grey-text"></i>
+        <input type="date" id="orangeForm-Date" placeholder="Date fin">
+      </div>
 
 
-    <div class="md-form">
-      <i class="fa fa-file-picture-o prefix grey-text"></i>
-      <input type="file" id="orangeForm-File"  name="file">
+      <div class="md-form">
+        <i class="fa fa-file-picture-o prefix grey-text"></i>
+        <input type="file" id="orangeForm-File"  name="file" style="padding-top: 1%;">
+      </div>
+      <div class="md-form">
+        <i class="fa fa-euro prefix grey-text"></i>
+        <input type="text" id="orangeForm-Avantage" [(ngModel)]="opComm.avantageParrain" placeholder="Avantage parrain">
+      </div>
+      <div class="md-form">
+        <i class="fa fa-euro prefix grey-text"></i>
+        <input type="text" id="orangeForm-Avantage" [(ngModel)]="opComm.avantageFilleul" placeholder="Avantage filleul">
+      </div>
     </div>
-    <div class="md-form">
-      <i class="fa fa-euro prefix grey-text"></i>
-      <input type="text" id="orangeForm-Avantage" [(ngModel)]="opComm.avantageParrain" placeholder="Avantage parrain">
-    </div>
-    <div class="md-form">
-      <i class="fa fa-euro prefix grey-text"></i>
-      <input type="text" id="orangeForm-Avantage" [(ngModel)]="opComm.avantageFilleul" placeholder="Avantage filleul">
+
+    <div class="text-center" style="margin-top:5%">
+      <button class="btn btn-light-green waves-light" (click)="creerOpComm()">Creer opération</button>
+      <button class="btn btn-cyan" (click)="goToOpComm()">Back</button>
     </div>
   </div>
 </div>
-
-<button (click)="creerOpComm()">Creer opération</button>
-<button (click)="goToOpComm()">Back</button>