FWF-4595 [Feature] : Style fixes for bpmn panel issues

Author: arun-s-aot

forms-flow-theme/scss/_button.scss

@@ -259,7 +259,7 @@ $danger-color: var(--ff-danger);
   &.btn-sm {
     font-size: $fontBase !important;
     line-height: 1.2 !important;
-    color: $white !important;
+    // color: $white !important;
 
     padding: var(--spacer-050) var(--spacer-075) !important;
     font-weight: var(--font-weight-xl) !important;
@@ -950,6 +950,7 @@ $danger-color: var(--ff-danger);
             text-align: left;
             text-overflow: ellipsis;
             white-space: nowrap;
+            min-height: 20px;
           }
         }
 

forms-flow-theme/scss/_card.scss

@@ -54,7 +54,7 @@ $gray-darkest: var(--ff-gray-darkest);
 }
 
 .flow-builder {
-  height: calc(100vh - 18rem) !important;
+  height: calc(100vh - 15rem) !important;
   overflow: auto;
 }
 
@@ -334,6 +334,7 @@ $gray-darkest: var(--ff-gray-darkest);
 
       text-overflow: ellipsis;
       white-space: nowrap;
+      min-height: 20px;
     }
 
     .status {

forms-flow-theme/scss/bpmn.scss

@@ -32,3 +32,11 @@ $gray-darkest: var(--ff-gray-darkest);
 .djs-container svg:focus {
   outline: none !important;
 }
+
+.bpmn-main-container-editor{
+  width: 100%;
+  display: flex;
+  resize: vertical;
+  overflow: hidden;
+  max-height: calc(100vh - 15rem);
+}