From d097a63992f860085de3f1faabf1c567958f57c5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bulot=20Fran=C3=A7ois?= <f_bulot@hotmail.com>
Date: Thu, 14 Sep 2023 10:11:41 +0200
Subject: [PATCH] improve duplicateVariables CSS

---
 .../components/duplicate-variables.jsx                   | 2 +-
 src/scss/inc/_duplicate-variables.scss                   | 9 +++++++++
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/layout/duplicate-variables/components/duplicate-variables.jsx b/src/layout/duplicate-variables/components/duplicate-variables.jsx
index e0971b5e0..d3b93eac7 100644
--- 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
index 2c2a485ab..0d154934c 100644
--- 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;
   }