SVY-9410 NG Tableview doesn't show checks centered verically but

truncates them

Author: lvostinar

servoy_ngclient/war/css/servoy.css

@@ -33,19 +33,27 @@ input[type=date] {
 	width: 0px!important;/*override value from ng-grid css*/	
 }
 
-/*align labels for radios and check groups with input element*/
+/*align labels for radios and check groups with input element;
+ we should use flexbox instead of useless vertical-align*/
 label.svy-check-radio{
 	display:block;
 }
-label.svy-check-radio input{
+label.svy-check-radio input[type="checkbox"],
+label.svy-check-radio input[type="radio"]{
     vertical-align:middle;
     margin:0px;
 }
 
 label.svy-check-radio span{
 	vertical-align: middle;
 }
-
+label.svy-check{
+	display:flex;
+	align-items:center;
+}
+label.svy-check span{
+	padding-left: 3px;
+}
 div.svy-label-with-focus:focus{
 	border: thin solid black;	
 }

servoy_ngclient/war/js/servoy.js

@@ -262,6 +262,25 @@ angular.module('servoy',['sabloApp','servoyformat','servoytooltip','servoyfileup
 				element.css(style);
 			}
 		},
+		setHorizontalAlignmentFlexbox: function(element,halign) {
+			if (halign != -1)
+			{
+				var style ={}
+				if (halign == 0)
+				{
+					style['justify-content'] = 'center';
+				}
+				else if (halign == 4)
+				{
+					style['justify-content'] = 'flex-end';
+				}
+				else
+				{
+					style['justify-content'] = 'flex-start';
+				}
+				element.css(style);
+			}
+		},
 		setVerticalAlignment: function(element,valign) {
 			var style ={}
 			if (valign == 1)

servoy_ngclient/war/servoydefault/check/check.js

@@ -96,7 +96,7 @@ angular.module('servoydefaultCheck', [ 'servoy' ]).directive('servoydefaultCheck
 						$svyProperties.setCssProperty(element, "color", value);
 						break;
 					case "horizontalAlignment":
-						$svyProperties.setHorizontalAlignment(element, value);
+						$svyProperties.setHorizontalAlignmentFlexbox(element, value);
 						break;
 					case "toolTipText":
 						if (tooltipState)