Align DataGrid cells vertically to the center

Author: OS-pedrolourenco

styles/Grid.css

@@ -152,18 +152,30 @@
     border-right: var(--datagrid-cell-border-right);
     color: var(--datagrid-cell-color);
     font-weight: normal;
-    padding: 14px 8px 0px 8px;
+    padding: 8px;
+
+    &:not(.wj-colgroup):not(.wj-multiline) {
+        align-content: center;
+    }
+
+    &.wj-align-center.wj-colgroup {
+        padding-top: 14px;
+    }
+}
+
+.wj-hasdropdown input.wj-grid-editor.wj-form-control {
+    padding-right: 18px; /* to account for arrow width */
+}
+
+.wj-cell.wj-hasdropdown.wj-align-left {
+    display: block;
 }
 
 .wj-flexgrid .wj-grid-editor,
 .wj-flexgrid .wj-cell.wj-hasdropdown .wj-btn.wj-btn-glyph.wj-right {
     height: auto;
 }
 
-.wj-flexgrid .wj-cell.wj-hasdropdown input {
-    width: 80%;
-}
-
 .wj-flexgrid .wj-cell.wj-hasdropdown .wj-dropdown.wj-inputdate input {
     width: 100%;
 }