Sidebar

<!DOCTYPE html>
<html>
  <head>
    <base target="_top">
    <link rel="stylesheet" href="https://ssl.gstatic.com/docs/script/css/add-ons1.css">
  </head>
  <body>
    <style>
    .branding-below {
      bottom: 56px;
      top: 0;
    }
    </style>

    <div class="sidebar branding-below">
      <div class="block form-group">
        <label for="search">
          <b>Search:</b>
        </label>
        <input id="search" type="text" width="*">
      </div>

      <div class="block form-group">
        <label for="replace">
          <b>Replace:</b>
        </label>
        <input id="replace" type="text" width="*">
      </div>

    <div class="block">
        <button id="search-button" class="action">Search</button>
        <button id="replace-button" class="action">Replace</button>
        <button>Clear</button>
      </div>
    </div>

    <div class="sidebar bottom">
      <span class="gray">
        Regex tool by Alvin Seville (c) 2021
      </span>
    </div>
  </body>
</html>