@syncfusion/ej2-angular-kanban 19.2.55 → 19.3.44

package/styles/kanban/bootstrap5.scss

@@ -0,0 +1 @@
+@import 'ej2-kanban/styles/kanban/bootstrap5.scss';

package/styles/kanban/fabric-dark.css

@@ -220,11 +220,12 @@
 .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-row-expand,
 .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-row-collapse {
   border: 1px solid transparent;
-  color: rgba(0, 0, 0, 0.54);
+  color: #fff;
   cursor: pointer;
   height: 24px;
   margin-left: 8px;
   padding: 6px;
+  padding: 4px 6px;
 }
 
 .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-row-expand:hover, .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-row-expand:focus,
@@ -234,6 +235,7 @@
   border-radius: 0%;
   margin-left: 8px;
   padding: 6px;
+  padding: 4px 6px;
 }
 
 .e-kanban .e-kanban-header > div {
@@ -631,11 +633,12 @@
 .e-kanban .e-kanban-content .e-content-row.e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-row-expand,
 .e-kanban .e-kanban-content .e-content-row.e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-row-collapse {
   border: 1px solid transparent;
-  color: rgba(0, 0, 0, 0.54);
+  color: #fff;
   cursor: pointer;
   height: 24px;
   margin-left: 8px;
   padding: 6px;
+  padding: 4px 6px;
 }
 
 .e-kanban .e-kanban-content .e-content-row.e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-row-expand:hover, .e-kanban .e-kanban-content .e-content-row.e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-row-expand:focus,
@@ -645,6 +648,7 @@
   border-radius: 0%;
   margin-left: 8px;
   padding: 6px;
+  padding: 4px 6px;
 }
 
 .e-kanban .e-kanban-content .e-content-row.e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-text {
@@ -888,6 +892,10 @@
   padding: 3px;
 }
 
+.e-kanban-dialog {
+  min-width: 350px;
+}
+
 .e-kanban-dialog .e-kanban-form-wrapper table,
 .e-kanban-dialog .e-kanban-form-container table {
   width: 100%;
@@ -946,7 +954,7 @@
 .e-kanban .e-kanban-table .e-header-cells .e-column-expand,
 .e-kanban .e-kanban-table .e-header-cells .e-column-collapse {
   border: 1px solid transparent;
-  color: rgba(0, 0, 0, 0.54);
+  color: #fff;
 }
 
 .e-kanban .e-kanban-table .e-header-cells .e-column-expand:hover, .e-kanban .e-kanban-table .e-header-cells .e-column-expand:focus,
@@ -965,12 +973,16 @@
   color: #dadada;
 }
 
+.e-kanban .e-kanban-table.e-content-table .e-content-row .e-show-add-button:hover {
+  background-color: rgba(0, 116, 204, 0.1);
+}
+
 .e-kanban .e-kanban-table.e-content-table .e-content-row .e-show-add-button .e-show-add-icon {
   color: #0074cc;
 }
 
 .e-kanban .e-kanban-table.e-content-table .e-card.e-selection {
-  background-color: #c7e7ff;
+  background-color: #6f6c6c;
   border: 1px solid #333232;
 }
 
@@ -1008,3 +1020,9 @@
 .e-kanban .e-frozen-swimlane-row .e-swimlane-header .e-item-count {
   color: #dadada;
 }
+
+.e-kanban-dialog .e-kanban-form-wrapper table textarea {
+  background-color: initial;
+  color: #dadada;
+  font-weight: 400;
+}

package/styles/kanban/fabric.css

@@ -218,15 +218,17 @@
   height: 24px;
   margin-left: 8px;
   padding: 6px;
+  padding: 4px 6px;
 }
 
 .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-row-expand:hover, .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-row-expand:focus,
 .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-row-collapse:hover,
 .e-kanban .e-frozen-swimlane-row .e-frozen-row .e-swimlane-header .e-swimlane-row-collapse:focus {
-  background: #f4f4f4;
+  background: #dadada;
   border-radius: 0%;
   margin-left: 8px;
   padding: 6px;
+  padding: 4px 6px;
 }
 
 .e-kanban .e-kanban-header > div {
@@ -629,15 +631,17 @@
   height: 24px;
   margin-left: 8px;
   padding: 6px;
+  padding: 4px 6px;
 }
 
 .e-kanban .e-kanban-content .e-content-row.e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-row-expand:hover, .e-kanban .e-kanban-content .e-content-row.e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-row-expand:focus,
 .e-kanban .e-kanban-content .e-content-row.e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-row-collapse:hover,
 .e-kanban .e-kanban-content .e-content-row.e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-row-collapse:focus {
-  background: #f4f4f4;
+  background: #dadada;
   border-radius: 0%;
   margin-left: 8px;
   padding: 6px;
+  padding: 4px 6px;
 }
 
 .e-kanban .e-kanban-content .e-content-row.e-swimlane-row .e-content-cells .e-swimlane-header .e-swimlane-text {
@@ -881,6 +885,10 @@
   padding: 3px;
 }
 
+.e-kanban-dialog {
+  min-width: 350px;
+}
+
 .e-kanban-dialog .e-kanban-form-wrapper table,
 .e-kanban-dialog .e-kanban-form-container table {
   width: 100%;
@@ -945,7 +953,7 @@
 .e-kanban .e-kanban-table .e-header-cells .e-column-expand:hover, .e-kanban .e-kanban-table .e-header-cells .e-column-expand:focus,
 .e-kanban .e-kanban-table .e-header-cells .e-column-collapse:hover,
 .e-kanban .e-kanban-table .e-header-cells .e-column-collapse:focus {
-  background: #f4f4f4;
+  background: #dadada;
   border-radius: 0%;
 }
 
@@ -958,6 +966,10 @@
   color: #333;
 }
 
+.e-kanban .e-kanban-table.e-content-table .e-content-row .e-show-add-button:hover {
+  background-color: rgba(0, 120, 214, 0.1);
+}
+
 .e-kanban .e-kanban-table.e-content-table .e-content-row .e-show-add-button .e-show-add-icon {
   color: #0078d6;
 }
@@ -1001,3 +1013,9 @@
 .e-kanban .e-frozen-swimlane-row .e-swimlane-header .e-item-count {
   color: #333;
 }
+
+.e-kanban-dialog .e-kanban-form-wrapper table textarea {
+  background-color: initial;
+  color: #333;
+  font-weight: 400;
+}

package/styles/kanban/highcontrast-light.css

@@ -251,7 +251,7 @@
 }
 
 .e-kanban .e-show-add-icon::before {
-  content: '\e7f9';
+  content: '\e7d5';
 }
 
 .e-kanban .e-swimlane-header-toolbar .e-icon-menu::before {
@@ -999,6 +999,10 @@
   padding: 3px;
 }
 
+.e-kanban-dialog {
+  min-width: 350px;
+}
+
 .e-kanban-dialog .e-kanban-form-wrapper table,
 .e-kanban-dialog .e-kanban-form-container table {
   width: 100%;
@@ -1082,6 +1086,10 @@
   color: #000;
 }
 
+.e-kanban .e-kanban-table.e-content-table .e-content-row .e-show-add-button:hover {
+  background-color: rgba(64, 0, 116, 0.5);
+}
+
 .e-kanban .e-kanban-table.e-content-table .e-content-row .e-show-add-button .e-show-add-icon {
   color: #400074;
 }
@@ -1127,5 +1135,7 @@
 }
 
 .e-kanban-dialog .e-kanban-form-wrapper table textarea {
-  background-color: #fff;
+  background-color: initial;
+  color: #000;
+  font-weight: 400;
 }

package/styles/kanban/highcontrast.css

@@ -1001,6 +1001,10 @@
   padding: 3px;
 }
 
+.e-kanban-dialog {
+  min-width: 350px;
+}
+
 .e-kanban-dialog .e-kanban-form-wrapper table,
 .e-kanban-dialog .e-kanban-form-container table {
   width: 100%;
@@ -1084,6 +1088,10 @@
   color: #fff;
 }
 
+.e-kanban .e-kanban-table.e-content-table .e-content-row .e-show-add-button:hover {
+  background-color: rgba(255, 217, 57, 0.5);
+}
+
 .e-kanban .e-kanban-table.e-content-table .e-content-row .e-show-add-button .e-show-add-icon {
   color: #ffd939;
 }
@@ -1129,5 +1137,7 @@
 }
 
 .e-kanban-dialog .e-kanban-form-wrapper table textarea {
-  background-color: #000;
+  background-color: initial;
+  color: #fff;
+  font-weight: 400;
 }

package/styles/kanban/material-dark.css

@@ -14,7 +14,7 @@
 }
 
 .e-dropdownbase .e-list-item.e-active.e-hover {
-  color: #ff80ab;
+  color: #00b0ff;
 }
 
 .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
@@ -871,6 +871,10 @@
   width: 100%;
 }
 
+.e-kanban-dialog {
+  min-width: 350px;
+}
+
 .e-kanban-dialog .e-kanban-form-wrapper table,
 .e-kanban-dialog .e-kanban-form-container table {
   width: 100%;
@@ -948,12 +952,16 @@
   color: rgba(0, 0, 0, 0.87);
 }
 
+.e-kanban .e-kanban-table.e-content-table .e-content-row .e-show-add-button:hover {
+  background-color: rgba(63, 81, 181, 0.1);
+}
+
 .e-kanban .e-kanban-table.e-content-table .e-content-row .e-show-add-button .e-show-add-icon {
   color: #3f51b5;
 }
 
 .e-kanban .e-kanban-table.e-content-table .e-card.e-selection {
-  background-color: #eee;
+  background-color: #757575;
 }
 
 .e-kanban .e-kanban-table.e-content-table .e-card .e-card-header {
@@ -990,3 +998,8 @@
 .e-kanban .e-frozen-swimlane-row .e-swimlane-header .e-item-count {
   color: rgba(0, 0, 0, 0.87);
 }
+
+.e-kanban-dialog .e-kanban-form-wrapper table textarea {
+  background-color: initial;
+  color: #fff;
+}

package/styles/kanban/material.css

@@ -896,6 +896,10 @@
   width: 100%;
 }
 
+.e-kanban-dialog {
+  min-width: 350px;
+}
+
 .e-kanban-dialog .e-kanban-form-wrapper table,
 .e-kanban-dialog .e-kanban-form-container table {
   width: 100%;
@@ -973,6 +977,10 @@
   color: rgba(0, 0, 0, 0.87);
 }
 
+.e-kanban .e-kanban-table.e-content-table .e-content-row .e-show-add-button:hover {
+  background-color: rgba(63, 81, 181, 0.1);
+}
+
 .e-kanban .e-kanban-table.e-content-table .e-content-row .e-show-add-button .e-show-add-icon {
   color: #3f51b5;
 }
@@ -1015,3 +1023,8 @@
 .e-kanban .e-frozen-swimlane-row .e-swimlane-header .e-item-count {
   color: rgba(0, 0, 0, 0.87);
 }
+
+.e-kanban-dialog .e-kanban-form-wrapper table textarea {
+  background-color: initial;
+  color: rgba(0, 0, 0, 0.87);
+}

package/styles/kanban/tailwind-dark.css

@@ -180,8 +180,7 @@
   height: 100%;
 }
 
-/*! component's theme wise override material-definitions and variables */
-/*! TreeView's tailwind-dark theme wise override definitions and variables */
+/*! TreeView's tailwind theme wise override definitions and variables */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);
@@ -200,7 +199,6 @@
   }
 }
 
-/*! Kanban component's material theme definitions and variables */
 .e-kanban .e-column-expand::before {
   content: '\e70f';
 }
@@ -588,7 +586,6 @@
   border-radius: 6px;
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06), 0 1px 3px rgba(0, 0, 0, 0.1);
   margin-bottom: 12px;
-  padding-bottom: 18px;
 }
 
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-draggable,
@@ -625,7 +622,7 @@
   padding: 8px 11px;
   font-size: 14px;
   line-height: 1.625;
-  padding: 12px 18px 0;
+  padding: 12px 18px;
 }
 
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color,
@@ -644,7 +641,7 @@
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-content,
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-content {
   padding: 8px 11px 8px 8px;
-  padding: 12px 18px 0 16px;
+  padding: 12px 18px 8px 16px;
 }
 
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-tags,
@@ -674,7 +671,7 @@
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-footer,
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-footer {
   padding: 0 11px 7px 8px;
-  padding: 8px 18px 0 16px;
+  padding: 8px 18px 8px 16px;
 }
 
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-tag,
@@ -705,7 +702,7 @@
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-footer,
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-footer {
   padding: 0 11px 7px;
-  padding: 8px 18px 0;
+  padding: 8px 18px;
 }
 
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-cloned-card,
@@ -1249,6 +1246,10 @@
   width: 100%;
 }
 
+.e-kanban-dialog {
+  min-width: 350px;
+}
+
 .e-kanban-dialog .e-kanban-form-wrapper table,
 .e-kanban-dialog .e-kanban-form-container table {
   width: 100%;
@@ -1346,6 +1347,10 @@
   color: #fff;
 }
 
+.e-kanban .e-kanban-table.e-content-table .e-content-row .e-show-add-button:hover {
+  background-color: #155e75;
+}
+
 .e-kanban .e-kanban-table.e-content-table .e-content-row .e-show-add-button .e-show-add-icon {
   color: #22d3ee;
 }
@@ -1394,7 +1399,9 @@
 }
 
 .e-kanban-dialog .e-kanban-form-wrapper table textarea {
-  background-color: #1f2937;
+  background-color: initial;
+  color: #fff;
+  font-weight: 400;
   border-color: #d1d5db;
   border-radius: 4px;
   outline: none;

package/styles/kanban/tailwind.css

@@ -180,7 +180,6 @@
   height: 100%;
 }
 
-/*! component's theme wise override material-definitions and variables */
 /*! TreeView's tailwind theme wise override definitions and variables */
 @keyframes material-spinner-rotate {
   0% {
@@ -200,7 +199,6 @@
   }
 }
 
-/*! Kanban component's material theme definitions and variables */
 .e-kanban .e-column-expand::before {
   content: '\e70f';
 }
@@ -588,7 +586,6 @@
   border-radius: 6px;
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06), 0 1px 3px rgba(0, 0, 0, 0.1);
   margin-bottom: 12px;
-  padding-bottom: 18px;
 }
 
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-draggable,
@@ -625,7 +622,7 @@
   padding: 8px 11px;
   font-size: 14px;
   line-height: 1.625;
-  padding: 12px 18px 0;
+  padding: 12px 18px;
 }
 
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color,
@@ -644,7 +641,7 @@
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-content,
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-content {
   padding: 8px 11px 8px 8px;
-  padding: 12px 18px 0 16px;
+  padding: 12px 18px 8px 16px;
 }
 
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-tags,
@@ -674,7 +671,7 @@
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-footer,
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-footer {
   padding: 0 11px 7px 8px;
-  padding: 8px 18px 0 16px;
+  padding: 8px 18px 8px 16px;
 }
 
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-tag,
@@ -705,7 +702,7 @@
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-footer,
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-footer {
   padding: 0 11px 7px;
-  padding: 8px 18px 0;
+  padding: 8px 18px;
 }
 
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-cloned-card,
@@ -1249,6 +1246,10 @@
   width: 100%;
 }
 
+.e-kanban-dialog {
+  min-width: 350px;
+}
+
 .e-kanban-dialog .e-kanban-form-wrapper table,
 .e-kanban-dialog .e-kanban-form-container table {
   width: 100%;
@@ -1346,6 +1347,10 @@
   color: #111827;
 }
 
+.e-kanban .e-kanban-table.e-content-table .e-content-row .e-show-add-button:hover {
+  background-color: #e0e7ff;
+}
+
 .e-kanban .e-kanban-table.e-content-table .e-content-row .e-show-add-button .e-show-add-icon {
   color: #4f46e5;
 }
@@ -1394,7 +1399,9 @@
 }
 
 .e-kanban-dialog .e-kanban-form-wrapper table textarea {
-  background-color: #fff;
+  background-color: initial;
+  color: #111827;
+  font-weight: 400;
   border-color: #d1d5db;
   border-radius: 4px;
   outline: none;

package/styles/material-dark.css

@@ -14,7 +14,7 @@
 }
 
 .e-dropdownbase .e-list-item.e-active.e-hover {
-  color: #ff80ab;
+  color: #00b0ff;
 }
 
 .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
@@ -871,6 +871,10 @@
   width: 100%;
 }
 
+.e-kanban-dialog {
+  min-width: 350px;
+}
+
 .e-kanban-dialog .e-kanban-form-wrapper table,
 .e-kanban-dialog .e-kanban-form-container table {
   width: 100%;
@@ -948,12 +952,16 @@
   color: rgba(0, 0, 0, 0.87);
 }
 
+.e-kanban .e-kanban-table.e-content-table .e-content-row .e-show-add-button:hover {
+  background-color: rgba(63, 81, 181, 0.1);
+}
+
 .e-kanban .e-kanban-table.e-content-table .e-content-row .e-show-add-button .e-show-add-icon {
   color: #3f51b5;
 }
 
 .e-kanban .e-kanban-table.e-content-table .e-card.e-selection {
-  background-color: #eee;
+  background-color: #757575;
 }
 
 .e-kanban .e-kanban-table.e-content-table .e-card .e-card-header {
@@ -990,3 +998,8 @@
 .e-kanban .e-frozen-swimlane-row .e-swimlane-header .e-item-count {
   color: rgba(0, 0, 0, 0.87);
 }
+
+.e-kanban-dialog .e-kanban-form-wrapper table textarea {
+  background-color: initial;
+  color: #fff;
+}

package/styles/material.css

@@ -896,6 +896,10 @@
   width: 100%;
 }
 
+.e-kanban-dialog {
+  min-width: 350px;
+}
+
 .e-kanban-dialog .e-kanban-form-wrapper table,
 .e-kanban-dialog .e-kanban-form-container table {
   width: 100%;
@@ -973,6 +977,10 @@
   color: rgba(0, 0, 0, 0.87);
 }
 
+.e-kanban .e-kanban-table.e-content-table .e-content-row .e-show-add-button:hover {
+  background-color: rgba(63, 81, 181, 0.1);
+}
+
 .e-kanban .e-kanban-table.e-content-table .e-content-row .e-show-add-button .e-show-add-icon {
   color: #3f51b5;
 }
@@ -1015,3 +1023,8 @@
 .e-kanban .e-frozen-swimlane-row .e-swimlane-header .e-item-count {
   color: rgba(0, 0, 0, 0.87);
 }
+
+.e-kanban-dialog .e-kanban-form-wrapper table textarea {
+  background-color: initial;
+  color: rgba(0, 0, 0, 0.87);
+}

package/styles/tailwind-dark.css

@@ -180,8 +180,7 @@
   height: 100%;
 }
 
-/*! component's theme wise override material-definitions and variables */
-/*! TreeView's tailwind-dark theme wise override definitions and variables */
+/*! TreeView's tailwind theme wise override definitions and variables */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);
@@ -200,7 +199,6 @@
   }
 }
 
-/*! Kanban component's material theme definitions and variables */
 .e-kanban .e-column-expand::before {
   content: '\e70f';
 }
@@ -588,7 +586,6 @@
   border-radius: 6px;
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06), 0 1px 3px rgba(0, 0, 0, 0.1);
   margin-bottom: 12px;
-  padding-bottom: 18px;
 }
 
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-draggable,
@@ -625,7 +622,7 @@
   padding: 8px 11px;
   font-size: 14px;
   line-height: 1.625;
-  padding: 12px 18px 0;
+  padding: 12px 18px;
 }
 
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color,
@@ -644,7 +641,7 @@
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-content,
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-content {
   padding: 8px 11px 8px 8px;
-  padding: 12px 18px 0 16px;
+  padding: 12px 18px 8px 16px;
 }
 
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-tags,
@@ -674,7 +671,7 @@
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-card-color .e-card-footer,
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-card-color .e-card-footer {
   padding: 0 11px 7px 8px;
-  padding: 8px 18px 0 16px;
+  padding: 8px 18px 8px 16px;
 }
 
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-tag,
@@ -705,7 +702,7 @@
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card .e-card-footer,
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card .e-card-footer {
   padding: 0 11px 7px;
-  padding: 8px 18px 0;
+  padding: 8px 18px;
 }
 
 .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-cloned-card,
@@ -1249,6 +1246,10 @@
   width: 100%;
 }
 
+.e-kanban-dialog {
+  min-width: 350px;
+}
+
 .e-kanban-dialog .e-kanban-form-wrapper table,
 .e-kanban-dialog .e-kanban-form-container table {
   width: 100%;
@@ -1346,6 +1347,10 @@
   color: #fff;
 }
 
+.e-kanban .e-kanban-table.e-content-table .e-content-row .e-show-add-button:hover {
+  background-color: #155e75;
+}
+
 .e-kanban .e-kanban-table.e-content-table .e-content-row .e-show-add-button .e-show-add-icon {
   color: #22d3ee;
 }
@@ -1394,7 +1399,9 @@
 }
 
 .e-kanban-dialog .e-kanban-form-wrapper table textarea {
-  background-color: #1f2937;
+  background-color: initial;
+  color: #fff;
+  font-weight: 400;
   border-color: #d1d5db;
   border-radius: 4px;
   outline: none;