message: Simplify the new panel
diff: <a download="info.html" id="downloadlink" style="display: none">Download</a>
  <button id="record" class="sub_btn"><i class="fa fa-video-camera" aria-hidden="true"></i> Record</button>
  - <button id="playback" class="sub_btn"><i class="fa fa-play" aria-hidden="true"></i> PlaythisCase</button>
  - <button id="playSuite" class="sub_btn"><i class="fa fa-cube" aria-hidden="true"></i> PlaythisSuite</button>
  - <button id="playSuites" class="sub_btn"><i class="fa fa-cubes" aria-hidden="true"></i> PlayallSuites</button>
  + <button id="playback" class="sub_btn"><i class="fa fa-play" aria-hidden="true"></i> PlayThisCase</button>
  + <button id="playSuite" class="sub_btn"><i class="fa fa-cube" aria-hidden="true"></i> PlayThisSuite</button>
  + <button id="playSuites" class="sub_btn"><i class="fa fa-cubes" aria-hidden="true"></i> PlayAllSuites</button>
  <!-- TODO: Make pause & resume same button(switch) -->
  <button id="pause" class="sub_btn"><i class="fa fa-pause-circle" aria-hidden="true"></i> Pause</button>
  <button id="resume" class="sub_btn"><i class="fa fa-reply" aria-hidden="true"></i> Resume</button>
  <h3 class="tabs_involved"></h3>
  <ul class="tabs">
  <li><a href="#command-container">Table</a></li>
  - <li><a href="#tab2">Source</a></li>
  + <!-- <li><a href="#tab2">Source</a></li> -->
  </ul>
  </header>
  <div class="tab_container">
  <header class="tabs_involved">
  <ul class="tabs">
  <li><a href="#tab4">Log</a></li>
  - <li><a href="#tab5">Reference</a></li>
  + <!-- <li><a href="#tab5">Reference</a></li>
  <li><a href="#tab6">UI-element</a></li>
  - <li><a href="#tab7">Rollup</a></li>
  + <li><a href="#tab7">Rollup</a></li> -->
  </ul>
  <!-- TODO: Make it to a button and same style -->
  <ul id="clear-log" class="tabs">
  </table>
  </div>
  <!-- end of #tab4 -->
  - <div id="tab5" class="tab_content case_roll">
  + <!-- <div id="tab5" class="tab_content case_roll">
  <table class="tablesorter" cellspacing="0">
  <div class="module_content">
  <fieldset>
  </fieldset>
  </div>
  </table>
  - </div>
  + </div> -->
  <!-- end of #tab5 -->
  - <div id="tab6" class="tab_content case_roll">
  + <!-- <div id="tab6" class="tab_content case_roll">
  <table class="tablesorter" cellspacing="0">
  <div class="module_content">
  <fieldset>
  </fieldset>
  </div>
  </table>
  - </div>
  + </div> -->
  <!-- end of #tab6-->
  - <div id="tab7" class="tab_content case_roll">
  + <!-- <div id="tab7" class="tab_content case_roll">
  <table class="tablesorter" cellspacing="0">
  <div class="module_content">
  <fieldset>
  </fieldset>
  </div>
  </table>
  - </div>
  + </div> -->
  <!-- end of #tab7 -->
  </div>
  <!-- end of .tab_container -->
  