Fix close button. It was overlapping feedback

Vizzuality · Dec 5, 2022 · 3194e42 · 3194e42
1 parent e533054
commit 3194e42
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 7 deletions.
diff --git a/...react-components/shared/methods-disclaimer-banner/methods-disclaimer-banner.component.jsx b/...react-components/shared/methods-disclaimer-banner/methods-disclaimer-banner.component.jsx
@@ -29,6 +29,7 @@ function MethodsDisclaimerBanner({ setAccepted, accepted }) {
         </Text>
       </div>
       <Button className="close-button" onClick={setAccepted}>
+        CLOSE
         <Icon icon="icon-close" />
       </Button>
     </div>

diff --git a/.../scripts/react-components/shared/methods-disclaimer-banner/methods-disclaimer-banner.scss b/.../scripts/react-components/shared/methods-disclaimer-banner/methods-disclaimer-banner.scss
@@ -27,16 +27,11 @@
 
   .close-button {
     position: absolute;
-    right: 30px;
-    top: 40%;
+    right: 242px;
+    top: 31%;
     border: none;
   }
 
-  .icon-close {
-    width: 20px;
-    height: 20px;
-  }
-
   .link {
     text-decoration: underline;
     font-weight: $font-weight-bold;
-Original file line number
+Diff line change
@@ Expand Up / @@ -29,6 +29,7 @@ function MethodsDisclaimerBanner({ setAccepted, accepted }) { @@
             </Text>
           </div>
           <Button className="close-button" onClick={setAccepted}>
+            CLOSE
             <Icon icon="icon-close" />
           </Button>
         </div>
@@ Expand Down @@