From fb9ceb5db76ff96df39950cd2b905e7ca4e7f61d Mon Sep 17 00:00:00 2001
From: Maksim Eltyshev <meltyshev@gmail.com>
Date: Sat, 23 May 2020 18:05:22 +0500
Subject: [PATCH] Fix border in card modal

---
 .../CardModal/AddAttachmentZone/AddAttachmentZone.jsx       | 6 +++---
 .../AddAttachmentZone/AddAttachmentZone.module.css          | 4 ++++
 client/src/components/CardModal/CardModal.module.css        | 6 +++---
 3 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/client/src/components/CardModal/AddAttachmentZone/AddAttachmentZone.jsx b/client/src/components/CardModal/AddAttachmentZone/AddAttachmentZone.jsx
index de469268..57224d3a 100644
--- a/client/src/components/CardModal/AddAttachmentZone/AddAttachmentZone.jsx
+++ b/client/src/components/CardModal/AddAttachmentZone/AddAttachmentZone.jsx
@@ -83,9 +83,11 @@ const AddAttachmentZone = React.memo(({ children, onCreate }) => {
   return (
     <>
       {/* eslint-disable-next-line react/jsx-props-no-spreading */}
-      <div {...getRootProps()}>
+      <div {...getRootProps()} className={styles.wrapper}>
         {isDragActive && <div className={styles.dropzone}>{t('common.dropFileToUpload')}</div>}
         {children}
+        {/* eslint-disable-next-line react/jsx-props-no-spreading */}
+        <input {...getInputProps()} />
       </div>
       {modal && (
         <AddTextFileModal
@@ -94,8 +96,6 @@ const AddAttachmentZone = React.memo(({ children, onCreate }) => {
           onClose={handleModalClose}
         />
       )}
-      {/* eslint-disable-next-line react/jsx-props-no-spreading */}
-      <input {...getInputProps()} />
     </>
   );
 });
diff --git a/client/src/components/CardModal/AddAttachmentZone/AddAttachmentZone.module.css b/client/src/components/CardModal/AddAttachmentZone/AddAttachmentZone.module.css
index 6b995385..1a80639d 100644
--- a/client/src/components/CardModal/AddAttachmentZone/AddAttachmentZone.module.css
+++ b/client/src/components/CardModal/AddAttachmentZone/AddAttachmentZone.module.css
@@ -11,3 +11,7 @@
   width: 100%;
   z-index: 1;
 }
+
+.wrapper {
+  overflow: hidden;
+}
diff --git a/client/src/components/CardModal/CardModal.module.css b/client/src/components/CardModal/CardModal.module.css
index 0d5ec88b..839073a5 100644
--- a/client/src/components/CardModal/CardModal.module.css
+++ b/client/src/components/CardModal/CardModal.module.css
@@ -213,6 +213,6 @@
   padding: 8px 16px 0 8px !important;
 }
 
-.wrapper {
-  width: 768px !important;
-}
+/* .wrapper {
+  min-width: 768px;
+} */