Fixing for Firefox and mobile

kaldari · kaldari · commit 30f20caf09bc · 2018-04-09T21:01:09.000-07:00
diff --git a/index.html b/index.html
@@ -40,6 +40,7 @@
 	</style>
 </head>
 <body>
+<div class="columns" style="width:1200px;">
 <div class="column" id="left" style="width:200px; float:left;">
 	<p style="margin: 0 0.5em;">
 		Choose a color and click on states you want to apply the color to.
@@ -176,5 +177,6 @@
 </svg>
 </figure>
 </div>
+</div>
 </body>
 </html>
diff --git a/js/mapcontroller.js b/js/mapcontroller.js
@@ -2,7 +2,7 @@ color = "#D3D3D3";
 
 $(document).ready( function() {
 	$('.clickable').click( function(){
-		this.style.fill = color;
+		$( this ).attr( "fill", "#" + color );
 		$('#' + this.id + 'input').val( color );
 	} );
 } );
