add condition_component

app/assets/stylesheets/conditions_component.scss

@@ -0,0 +1,62 @@
+@import "colors";
+@import "constants";
+
+.conditionnel {
+
+  .condition-table {
+    table-layout: fixed;
+
+    .far-left {
+      width: 100px;
+    }
+
+    .target {
+      width: 350px;
+
+      select {
+        width: 100%;
+      }
+    }
+
+    .operator {
+      width: 250px;
+
+      select {
+        width: 100%;
+      }
+    }
+
+    .value {
+      width: 200px;
+    }
+
+    .delete-column {
+      width: 50px;
+    }
+  }
+
+  th {
+    text-align: left;
+    padding: $default-spacer;
+
+  }
+
+  td {
+    padding: $default-spacer;
+
+    input,
+    select {
+      margin-bottom: 0;
+    }
+
+    input[type=number] {
+      display: inline-block;
+      margin-bottom: 0;
+    }
+
+    input.alert,
+    select.alert {
+      border-color: $dark-red;
+    }
+  }
+}

app/assets/stylesheets/procedure_champs_editor.scss

@@ -93,7 +93,7 @@
 
     .flex {
       &.section {
-        padding: 10px 10px 0 10px;
+        padding: $default-spacer $default-spacer 0;
         margin-bottom: 8px;
       }