X-Git-Url: https://git.auder.net/?a=blobdiff_plain;f=public%2Fjavascripts%2Fcomponents%2Fgame.js;h=c949c29bcaabb9bf8228ab96482b9eca5a2f06c0;hb=61a262b2a441bb27d87701f7d3818723b3ac913d;hp=f5b7eda2a0980d5602e6544c6e6f9d75215317b3;hpb=7f4fff647c273677bb2f7aa41d3be9353a609704;p=vchess.git

diff --git a/public/javascripts/components/game.js b/public/javascripts/components/game.js
index f5b7eda2..c949c29b 100644
--- a/public/javascripts/components/game.js
+++ b/public/javascripts/components/game.js
@@ -700,7 +700,10 @@ Vue.component('my-game', {
 		{
 			elementArray.push(
 				h('div',
-					{ attrs: { id: "pgn-div" } },
+					{
+						attrs: { id: "pgn-div" },
+						"class": { "section-content": true },
+					},
 					[
 						h('a',
 							{
@@ -713,10 +716,16 @@ Vue.component('my-game', {
 						h('p',
 							{
 								attrs: { id: "pgn-game" },
-								on: { click: this.download },
 								domProps: { innerHTML: this.pgnTxt }
 							}
-						)
+						),
+						h('button',
+							{
+								attrs: { "id": "downloadBtn" },
+								on: { click: this.download },
+								domProps: { innerHTML: "Download game" },
+							}
+						),
 					]
 				)
 			);
@@ -726,7 +735,10 @@ Vue.component('my-game', {
 			// Show current FEN
 			elementArray.push(
 				h('div',
-					{ attrs: { id: "fen-div" } },
+					{
+						attrs: { id: "fen-div" },
+						"class": { "section-content": true },
+					},
 					[
 						h('p',
 							{