anchor.diff:      #gameInfoPanel{
           overflow: auto;
       }
  -    
  -    #messages {
  -        margin-top: 20px;
  -        height: 20vh;
  -    }
  -    
  -    #messages>div{
  -        height: inherit;
  -    }
  -        
  -    
  +      
       #chessboard .inner {
           margin-top: 10%;
       }
  
positive.code:                     <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>
  
negative.code:             </a>    
              <div class="side-menu">
              <ul>
                  <li><button id="save-btn">Save</button></li>
                  <li><button id="quit-btn">Quit</a></li>
              </ul>
              </div>
          </div><!-- sidebar-left -->
  