fix value vertical-align

add qmlls configguration file to .gitignore

Author: shun2wang

.gitignore

@@ -86,4 +86,7 @@ QMLComponents/utilities/appdirs.h
 
 # Bundle related
 Tools/ModuleBundleBuildDir
-Modules/local
+Modules/local
+
+# User configurations
+.qmlls.ini

Desktop/html/css/jasp.css

@@ -102,10 +102,12 @@ th[colspan="2"] {
 }
 
 td {
-	padding-left: 2em;
+	text-align: right;
+	vertical-align: bottom;
+	padding-left: 1em;
 	padding-right: 1em;
-	text-align: right ;
-	vertical-align: top ;
+	/* padding-top: .25em;   because algin to buttom then seems visual balanced */
+	padding-bottom: .25em;
 }
 
 thead tr:nth-child(2) th:not(.separator) {
@@ -129,6 +131,8 @@ thead th {
 	white-space: nowrap;
 	padding-top: .25em ;
 	padding-bottom: .25em ;
+	padding-left: 1em;
+	padding-right: 1em;
 }
 
 tbody th {
@@ -189,7 +193,7 @@ tbody tr td.new-sub-group-row {
 
 tbody tr td.new-group-row,
 tbody tr:first-child td {
-
+	vertical-align: top;  /* align to top for first group rows */
 	padding-top: .9em ;
 }
 

Desktop/html/js/jaspwidgets.js

@@ -250,7 +250,7 @@ JASPWidgets.Exporter = {
 	},
 
 	getTableContentStyles: function (element, exportParams) {
-			return JASPWidgets.Exporter.getStyles(element, ["border-collapse", "border-top-width", "border-bottom-width", "border-left-width", "border-right-width", "border-color", "border-style", "padding", "text-align", "margin", "display", "float", "font-size", "font-weight", "font", "color"]);
+			return JASPWidgets.Exporter.getStyles(element, ["border-collapse", "border-top-width", "border-bottom-width", "border-left-width", "border-right-width", "border-color", "border-style", "padding", "text-align", "margin", "display", "float", "font-size", "font-weight", "font", "color", "background", "background-color"]);
 	},
 
 	getErrorStyles: function (element, component) {

Desktop/html/js/table.js

@@ -556,7 +556,7 @@ JASPWidgets.tablePrimitive = JASPWidgets.View.extend({
 
 		chunks.push('<thead>')
 		chunks.push('<tr>')
-		chunks.push('<th colspan="' + columnCount + '"><div class="toolbar"></div></div>')
+		chunks.push('<th colspan="' + columnCount + '"><div class="toolbar"></div>')
 
 		if (optError && optError.errorMessage) {
 
@@ -705,8 +705,8 @@ JASPWidgets.tablePrimitive = JASPWidgets.View.extend({
 					cellHtml += '>'
 					cellHtml += (typeof cell.content != "undefined" ? cell.content : '')
 
-					if (typeof cell.footnotes != "undefined" && cell.footnotes.length > 0)
-						cellHtml += '<sup>' + cell.footnotes.join('') + '</sup>' 
+					if (typeof cell.footnotes != "undefined")
+						cellHtml += cell.footnotes.join(' ')
 
 					cellHtml += (cell.header ? '</th>' : '</td>')