demandeop boutton design

src/app/components/admin/demande-op-commercial/demande-op-commercial.component.html

@@ -39,9 +39,8 @@
                 </div>
               </div>
               <div class="col-md-2" id="subCard2Part2">
-                <button class="btn btn-outline-primary btn-rounded">Envoyer</button>
-                <button class="btn btn-outline-default btn-rounded">Scanner</button>
-                <button class="btn btn-outline-info btn-rounded">Débiter</button>
+                <button type="button" class="btn btn-success btn-rounded waves-light" mdbRippleRadius>Valider</button>
+                <button type="button" class="btn btn-danger btn-rounded waves-light" mdbRippleRadius>Rejeter</button>
               </div>
             </div>
             <div class="card-block col-md-12" id="subCard2Part3">

src/app/components/admin/demande-op-commercial/demande-op-commercial.component.scss

@@ -3,8 +3,93 @@
 }
 #demandes {
   height: 50%;
+  padding-bottom: 5%;
 }
 
 #historique {
   height: 50%;
 }
+
+.mainCard {
+  margin-top: 5%;
+  width: 100%;
+}
+
+.view {
+  height:102%;
+  width: 103%;
+}
+
+.subCard1 {
+  height: auto;
+  background-color: white;
+  // background-repeat: no-repeat;
+  // background-size:20% auto;
+  // background-position : center;
+}
+
+.firstRow {
+  height: 50%;
+}
+
+.secondRow {
+  height: 50%;
+}
+
+
+.cardPart1 {
+  //background-color: red;
+}
+
+.cardPart2 {
+  //background-color: orange;
+  background-repeat: no-repeat;
+  background-size:50% auto;
+  background-position : center;
+}
+
+
+.cardPart3 {
+  //background-color: green;
+}
+
+.cardPart4 {
+  //background-color: yellow;
+}
+
+#subCard2Part1 {
+  padding-top: 5%;
+  display: flex;
+  flex-direction: column
+}
+
+#subCard2Part2 {
+  padding-top: 5%;
+}
+
+#subCard2Part3 {
+  padding-right: 5%;
+  padding-top: 0%;
+  padding-bottom: 1%;
+}
+
+#opTitle {
+  display: flex;
+  flex-direction: column
+}
+
+#opAvantages {
+  display: flex;
+  flex-direction: column;
+  padding-top: 2%;
+}
+
+#opLogs {
+  display: flex;
+  flex-direction: column;
+  padding-top: 5%;
+}
+
+
+
+