X-Git-Url: https://git.auder.net/?a=blobdiff_plain;f=client%2Fsrc%2Fcomponents%2FMoveList.vue;h=a4e1ca410dfa0052dbaee36e3b53289b535f77cc;hb=72ccbd6730241771e6ba86b6a5b62597b4c7e2f4;hp=0d9e8d340acf0fb83f27f95698e70bb11e00a153;hpb=f21cd6d9c23da37d729f20ea4c08e56b1a7b10a1;p=vchess.git

diff --git a/client/src/components/MoveList.vue b/client/src/components/MoveList.vue
index 0d9e8d34..a4e1ca41 100644
--- a/client/src/components/MoveList.vue
+++ b/client/src/components/MoveList.vue
@@ -3,16 +3,9 @@
 export default {
   name: 'my-move-list',
 	props: ["moves","cursor"],
-	data: function() {
-		return {
-			something: "", //TODO?
-		};
-	},
 	render(h) {
 		if (this.moves.length == 0)
 			return;
-		if (this.moves[0].color == "b")
-			this.moves.unshift({color: "w", notation: "..."});
 		let tableContent = [];
 		let moveCounter = 0;
 		let tableRow = undefined;
@@ -73,10 +66,18 @@ export default {
 		tableRow.children = moveCells;
 		tableContent.push(tableRow);
 		const movesTable = h(
-			"table",
-			{ },
-			tableContent
-		);
+      "div",
+      { },
+      [h(
+			  "table",
+			  {
+          "class": {
+            "moves-list": true,
+          },
+        },
+			  tableContent
+		  )]
+    );
 		return movesTable;
 	},
 	methods: {
@@ -86,3 +87,10 @@ export default {
 	},
 };
 </script>
+
+<style lang="sass" scoped>
+.moves-list
+  min-width: 250px
+td.highlight-lm
+  background-color: plum
+</style>