anchor.diff:          margin-bottom: 30px;
           overflow:hidden;
           height:50px;
  -        line-height: 50px;
           padding-bottom:60px;
           min-width: 470px;
       }
       
       .player-name .title {
  +        display: inline-block;
           font-family: "Orbitron";
           border-style: double;
           border-width: 1px;
           background-color: antiquewhite;
  -        padding:16px 30px 12px 15px;
  +        padding:10px 30px 12px 15px;
           border-radius: 15px 0px 0px 15px;
           background-color: #2886d5;    
           box-shadow: 5px 5px 8px #000000;
       }
       
       .player-name .name {
  +        display: inline-block;
           border-style: double;
           border-left-style: none;
           border-width: 1px;
  -        padding:12px 30px 12px 15px;
  +        padding:8px 30px 14px 15px;
           background-color: #ffffff;
           box-shadow: 5px 5px 8px #000000;
  -    }
  +        min-width: 298px;
  +    }
  +    
  +    .player-name-holder {
  +        min-width: 488px;
  +    }
  +    
  +    .player-name-highlight{
  +        background-color: green!important;
  +    }
  +    
  +    .drop-target{
  +        fill:red!important;
  +    }
  +    
  +    
       
   </style>
   <script>
  
positive.code:             </div>
          </div><!-- sidebar-left -->
          <div class="player-name col-sm-10 col-xs-12">
              <div class="col-sm-5"><span class="title">Player:</span><span class="name">Adrian McLaughlin</span></div>
              <div class="col-sm-5"><span class="title">Opponent:</span><span class="name">Adrian McLaughlin</span></div>
          </div>
          <div id="chessboard-surround" class="col-sm-6 col-xs-8">
              <div class="inner col-xs-offset-1 col-xs-11">
  
negative.code: 
    },
    ondragleave: function (event) {
      event.target.classList.remove('drop-target');
      event.relatedTarget.classList.remove('can-drop');
      if(startOfMove){
  