new-administateur/attestation_templates views

app/assets/stylesheets/attestation_template_edit.scss

@@ -1,3 +1,4 @@
+
 #attestation-template-edit {
   .notice {
     margin-bottom: 30px;

app/assets/stylesheets/new_design/attestation_template_edit.scss

@@ -0,0 +1,56 @@
+@import "colors";
+@import "constants";
+
+#attestation-template-edit {
+  .text-active {
+    color: $green;
+  }
+
+  .text-inactive {
+    color: $grey;
+  }
+}
+
+#tags-table {
+  margin-top: -20px;
+  margin-bottom: 40px;
+
+  .add-tag-title {
+    font-size: 18px;
+    margin-bottom: 16px;
+  }
+
+  .head {
+    padding: 10px 0px;
+    font-weight: bold;
+    display: flex;
+  }
+
+  .items {
+    max-height: 210px;
+    overflow-y: auto;
+    border-bottom: 1px solid $border-grey;
+  }
+
+  .item {
+    display: flex;
+    padding: 10px 0;
+    border-bottom: solid 1px $border-grey;
+
+    .tag {
+      font-weight: bold;
+    }
+
+    &:last-child {
+      border-bottom: none;
+    }
+  }
+
+  .tag {
+    width: 35%;
+  }
+
+  .description {
+    width: 65%;
+  }
+}

app/assets/stylesheets/new_design/buttons.scss

@@ -317,4 +317,3 @@
 .link {
   color: $blue;
 }
-

app/assets/stylesheets/new_design/layouts.scss

@@ -3,7 +3,7 @@
 @import "constants";
 
 .two-columns {
-  background-color: #FFFFFF;
+  background-color: $white;
 
   @media (min-width: $two-columns-breakpoint) {
     background: linear-gradient(to right, #FFFFFF 0%, #FFFFFF 50%, $light-grey 50%, $light-grey 100%);
@@ -68,4 +68,3 @@
   // scss-lint:enable VendorPrefix
   bottom: 0;
 }
-

app/assets/stylesheets/new_design/procedure_form.scss

@@ -51,6 +51,12 @@
   opacity: 0.5;
   margin-top: $default-spacer * 4;
   margin-bottom: $default-spacer * 8;
+
+  .notice {
+    color: $dark-grey;
+    font-size: 16px;
+    font-weight: normal;
+  }
 }
 
 .procedure-form__actions {
@@ -60,10 +66,20 @@
   padding: $default-spacer $default-padding;
   background: $light-grey;
   border-top: 1px solid $border-grey;
+  justify-content: space-between;
+  align-items: center;
 
   .button.send {
     margin-left: auto;
   }
+
+  .actions-left {
+    margin-right: auto;
+  }
+
+  .actions-right {
+    margin-left: auto;
+  }
 }
 
 .procedure-form__options-details {