css changes the second

thegsi · Feb 22, 2016 · 5a5d7f5 · 5a5d7f5
1 parent 54c4e7d
commit 5a5d7f5
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 8 deletions.
diff --git a/src/js/components/Board.jsx b/src/js/components/Board.jsx
@@ -8,11 +8,11 @@ var HTML5Backend = require('react-dnd-html5-backend');
 var Board = React.createClass({
 
     render: function(){
-
+       
        return (
           <div style={{
-            width:'800px',
-            height:'800px',
+            width:'40em',
+            height:'40em',
             display: 'flex',
             flexWrap: 'wrap'
           }}>

diff --git a/src/js/components/Knight.jsx b/src/js/components/Knight.jsx
@@ -6,7 +6,7 @@ var DragSource = require('react-dnd').DragSource;
 
 var knightSource = {
   beginDrag: function(props){
-    
+
     return {};
   }
 };
@@ -30,8 +30,8 @@ var Knight = React.createClass({
 
     var knightColour = (this.props.color === "black") ? "white" : "black";
     var knightStyle = {
-         opacity: isDragging ? 0.5 : 1,
-          backgroundColor: knightColour,
+          opacity: isDragging ? 0.5 : 1,
+          backgroundColor: "#433",
           fontSize: "3em",
           cursor: 'move'
         };

diff --git a/src/js/components/Square.jsx b/src/js/components/Square.jsx
@@ -10,8 +10,8 @@ var Square = React.createClass({
     var squareStyle = {
       backgroundColor: this.props.black,
        color: this.props.black,
-       width: '100px',
-       height: '100px'
+       width: '5em',
+       height: '5em'
     };
 
     return (