@@ -108,7 +108,7 @@ var kOverlayLoaderCode = 'Loader { \n\
108108 visible: showHeader && status == Loader.Ready; \n\
109109 sourceComponent: ShaderEffect { \n\
110110 id: overlay; \n\
111− height: fixedHeaderHeight != -1 ? fixedHeaderHeight : headerHeight; \n\
111+ height: fixedHeaderHeight != -1 ? fixedHeaderHeight + units.gu(1) * 2 : headerHeight; \n\
112112 opacity: 0.6; \n\
113113 property var source: ShaderEffectSource { \n\
114114 id: shaderSource; \n\
@@ -145,6 +145,7 @@ var kHeaderRow2Code = 'Row { \n\
145145 objectName: "outerRow"; \n\
146146 property real margins: units.gu(1); \n\
147147 spacing: margins; \n\
148+ height: root.fixedHeaderHeight != -1 ? root.fixedHeaderHeight : implicitHeight; \n\
148149 anchors { %1 } \n\
149150 anchors.right: parent.right; \n\
150151 anchors.margins: margins;\n\
@@ -163,6 +164,7 @@ var kHeaderRow3Code = 'Row { \n\
163164 objectName: "outerRow"; \n\
164165 property real margins: units.gu(1); \n\
165166 spacing: margins; \n\
167+ height: root.fixedHeaderHeight != -1 ? root.fixedHeaderHeight : implicitHeight; \n\
166168 anchors { %1 } \n\
167169 anchors.right: parent.right; \n\
168170 anchors.margins: margins;\n\
@@ -315,7 +317,7 @@ function cardString(template, components) {
315317 anchors = 'left: parent.left';
316318 if (hasMascot || hasTitle) {
317319 widthCode = 'height * artShape.aspect'
318− heightCode = 'headerHeight';
320+ heightCode = 'headerHeight + 2 * units.gu(1)';
319321 } else {
320322 // This side of the else is a bit silly, who wants an horizontal layout without mascot and title?
321323 // So we define a "random" height of the image height + 2 gu for the margins
@@ -366,13 +368,13 @@ function cardString(template, components) {
366368 }
367369
368370 if (hasHeaderRow) {
369− code += 'readonly property int headerHeight: row.height + row.margins * 2;\n'
371+ code += 'readonly property int headerHeight: row.height;\n'
370372 } else if (hasMascot) {
371− code += 'readonly property int headerHeight: mascotImage.height + units.gu(1) * 2;\n'
373+ code += 'readonly property int headerHeight: mascotImage.height;\n'
372374 } else if (hasSubtitle) {
373− code += 'readonly property int headerHeight: titleLabel.height + titleLabel.anchors.topMargin * 2 + subtitleLabel.height + subtitleLabel.anchors.topMargin;\n'
375+ code += 'readonly property int headerHeight: titleLabel.height + subtitleLabel.height + subtitleLabel.anchors.topMargin;\n'
374376 } else if (hasTitle) {
375− code += 'readonly property int headerHeight: titleLabel.height + titleLabel.anchors.topMargin * 2;\n'
377+ code += 'readonly property int headerHeight: titleLabel.height;\n'
376378 } else {
377379 code += 'readonly property int headerHeight: 0;\n'
378380 }