anchor.diff:                      <div id="gameInfoPanel" class="panel-body"></div>
                   </div>
               </div>
  -            <div id="messages" class="col-xs-12">
  -                <div  class="panel panel-primary">
  -                    <div class="panel-heading">
  -                        <h1 class="panel-title">Messages</h1>
  -                    </div>
  -                <div id="messagePanel" class="panel-body"></div>
  -            </div>
  -            </div>
           </div>
           
       </div>
  
positive.code:     #gameInfoPanel{
          overflow: auto;
      }
      
      #messages {
          margin-top: 20px;
          height: 20vh;
      }
      
      #messages>div{
          height: inherit;
      }
          
      
      #chessboard .inner {
          margin-top: 10%;
      }
  
negative.code:         padding-left: 20px;
      }
      
      .side-menu{
          font-size:1.8em;
      }
      
      .side-menu button{
          padding: 0;
          background-color: #2886d5;
          border: none;
      }
      
      #game-info{
          height: 52vh;
      }
  