X-Git-Url: https://git.auder.net/?a=blobdiff_plain;f=public%2Fjavascripts%2Fcomponents%2FvariantSummary.js;h=e6ec03aa8a41179295d0a7e3a844bebeb2857bee;hb=a5d5668613d9a3d04c9a4f8b69122d02b7322137;hp=620f810f380c291b57009cd46447e6402e2c2d55;hpb=9234226104764b91df9d677fb360ad538b98510c;p=vchess.git

diff --git a/public/javascripts/components/variantSummary.js b/public/javascripts/components/variantSummary.js
index 620f810f..e6ec03aa 100644
--- a/public/javascripts/components/variantSummary.js
+++ b/public/javascripts/components/variantSummary.js
@@ -1,8 +1,9 @@
 // Show a variant summary on index
 Vue.component('my-variant-summary', {
-	props: ['vobj'],
+	props: ['vobj','index'],
 	template: `
-		<div class="variant col-sm-12" :id="vobj.name">
+		<div class="variant col-sm-12 col-md-5 col-lg-4" :id="vobj.name"
+			:class="{'col-md-offset-1': index%2==0, 'col-lg-offset-2': index%2==0}">
 			<a :href="url">
 				<h4 class="boxtitle text-center">
 					{{ vobj.name }}