From b0a2c590fe5e82aca03bde265e3e20aed193c69e Mon Sep 17 00:00:00 2001
From: DimDz <70445835+DimDz@users.noreply.github.com>
Date: Mon, 29 May 2023 16:38:08 +0300
Subject: [PATCH 1/2] Made X close button

---
 client/components/boards/boardBody.js | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/client/components/boards/boardBody.js b/client/components/boards/boardBody.js
index 944287ba0..8b70649f9 100644
--- a/client/components/boards/boardBody.js
+++ b/client/components/boards/boardBody.js
@@ -431,14 +431,16 @@ BlazeComponent.extendComponent({
             <div class="modal-dialog justify-content-center align-items-center" role="document">
               <div class="modal-content">
                 <div class="modal-header">
-                  <h5 class="modal-title">Card Title</h5>
+                  <h5 class="modal-title">${TAPi18n.__('r-create-card')}</h5>
+                  <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                    <span aria-hidden="true">&times;</span>
+                  </button>
                 </div>
                 <div class="modal-body text-center">
-                  <input type="text" class="form-control" id="card-title-input" placeholder="Card Title">
+                  <input type="text" class="form-control" id="card-title-input" placeholder="">
                 </div>
                 <div class="modal-footer">
-                  <button type="button" class="btn btn-primary" id="create-card-button">Create Card</button>
-                  <button type="button" class="btn btn-secondary" data-dismiss="modal"Cancel</button>
+                  <button type="button" class="btn btn-primary" id="create-card-button">${TAPi18n.__('add-card')}</button>
                 </div>
               </div>
             </div>

From 301580d61aa267e4f66e9b9908c36e6f81682530 Mon Sep 17 00:00:00 2001
From: DimDz <70445835+DimDz@users.noreply.github.com>
Date: Mon, 29 May 2023 16:38:50 +0300
Subject: [PATCH 2/2] css fixes for modal

---
 client/components/boards/boardBody.css | 31 +++++++++++++++++++++++++-
 1 file changed, 30 insertions(+), 1 deletion(-)

diff --git a/client/components/boards/boardBody.css b/client/components/boards/boardBody.css
index aa0e5740e..077a22843 100644
--- a/client/components/boards/boardBody.css
+++ b/client/components/boards/boardBody.css
@@ -167,11 +167,40 @@
   border-color: #2b004d;
   color: #fff !important;
 }
+/* Modal Styles */
 .modal-dialog {
   display: flex;
   justify-content: center;
   align-items: center;
+  height: 70%;
 }
 .modal-header {
-  text-align: center;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding-bottom: 1px;
+  border-bottom: 1px solid #ccc;
+}
+.modal-title {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin: 0;
+  font-size: 18px;
+}
+.modal-footer {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding-top: 4px;
+  border-top: 1px solid #ccc;
+}
+.close {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  position: absolute;
+  top: 5px;
+  right: 5px;
+  font-size: 25px;
 }