improve duplicateVariables CSS

InseeFr · Sep 14, 2023 · d097a63 · d097a63
1 parent f215fde
commit d097a63
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/src/layout/duplicate-variables/components/duplicate-variables.jsx b/src/layout/duplicate-variables/components/duplicate-variables.jsx
@@ -37,7 +37,7 @@ export function DuplicateVariables({
           {Dictionary.cancel}
         </button>
       </div>
-      <p>{Dictionary.duplicateVariables}</p>
+      <h3>{Dictionary.duplicateVariables}</h3>
       <div>
         <div className="duplicate-variables_header">
           <div>Variables</div>

diff --git a/src/scss/inc/_duplicate-variables.scss b/src/scss/inc/_duplicate-variables.scss
@@ -7,6 +7,11 @@
   border: 1px solid $color-grey_02;
   border-radius: 5px;
   background-color: white;
+  h3 {
+    text-align: center;
+    padding: 2ex;
+    color: $color-blue_01;
+  }
 }
 
 .duplicate-variables_body {
@@ -18,6 +23,8 @@
 .duplicate-variables_header {
   display: flex;
   flex-direction: row;
+  font-weight: bold;
+  margin-bottom: 10px;
   > div:nth-child(1) {
     @include make-xs-column(4);
   }
@@ -37,6 +44,8 @@
 .duplicate-variables_row {
   display: flex;
   text-align: left;
+  padding: 10px 0;
+  border-top: 1px solid $color-grey_02;
   &:nth-of-type(even) {
     background: $color-grey_03;
   }