<!DOCTYPE html>
<html>

  <head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="tab_search.css"/>
  </head>

  <body>
    <header>
      <div class="input-svg">
        <object type="image/svg+xml" data="/assets/search.svg">
        </object>
        <form id="search-form" class="search-wrapper">
          <input class="search" type="search" placeholder="Search for a tab..." autofocus>
          <object class="delete-circle" type="image/svg+xml" data="/assets/x-circle.svg"></object>
        </form>
      </div>
    </header>
    <div class="tab-list"></div>
    <script src="tab_search.js"></script>
  </body>

</html>


<!DOCTYPE html>
<html>

  <head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="tab_search.css"/>
  </head>

  <body>
    <header>
      <div class="input-svg">
        <object type="image/svg+xml" data="/assets/search.svg">
        </object>
        <form id="search-form" class="search-wrapper">
          <input class="search" type="search" placeholder="Search for a tab..." autofocus>
          <object class="delete-circle hidden" type="image/svg+xml" data="/assets/x-circle.svg"></object>
        </form>
      </div>
    </header>
    <div class="tab-list"></div>
    <script src="tab_search.js"></script>
  </body>

</html>


Hide delete button by default
Hide delete button by default
