@@ -80,16 +80,25 @@ Item {
81 If undefined, should use implicit width of the actual card.
81 If undefined, should use implicit width of the actual card.
83− readonly property var cardWidth: {
83+ property var cardWidth: {
84 switch (categoryLayout) {
84 switch (categoryLayout) {
85 case "grid":
85 case "grid":
86 case "vertical-journal":
86 case "vertical-journal":
87+ var size = template["card-size"];
87− if (template["card-layout"] === "horizontal") return units.gu(38);
88+ if (template["card-layout"] === "horizontal") size = "large";
88− switch (template["card-size"]) {
89+ switch (size) {
89− case "small": return units.gu(12);
90+ case "small": {
91+ if (viewWidth <= units.gu(45)) return units.gu(12);
92+ else return units.gu(14);
90− case "large": return units.gu(38);
94+ case "large": {
95+ if (viewWidth >= units.gu(70)) return units.gu(42);
96+ else return viewWidth - units.gu(2);
92− return units.gu(18.5);
99+ if (viewWidth <= units.gu(45)) return units.gu(18);
100+ else if (viewWidth >= units.gu(70)) return units.gu(20);
101+ else return units.gu(23);
93 case "carousel":
102 case "carousel":
94 case "horizontal-list":
103 case "horizontal-list":
95 return carouselTool.minimumTileWidth;
104 return carouselTool.minimumTileWidth;