JSFiddle - React, Tailwind, and code Playground

by tickietick

HTML

<div id="existingVersionsDiv" class="mid-panel">
  <div style="display:flex; flex-direction:row;">
    <h1 style="padding-right:10px;">Exisiting Projects & Versions</h1>
    <span>
      <span id="count-loading-icon" class="oi oi-cog" aria-hidden="true" style="display:none;"></span>
    </span>

  </div>

  <p>Selcet a version for more information. These items are present in the Assets table.</p>
  <div class="version-ul" id="version-list"></div>
  <div style="display:inline-block"></div>
  <table class="table-version-buttons">
    <tbody>
      <tr>
        <td>
          <button id="import-btn" class="big-btn" onclick="onClickImport()">Import</button>
          <button id="clear-all-btn" class="big-btn" onclick="clearAllCheckmarks()">Clear Selection</button>
        </td>
        <td>
          <button style="float:right">Delete</button>
        </td>
      </tr>
    </tbody>
  </table>
  
</div>

CSS

.table-version-buttons {
  border: solid 2px;  
  width: 100%;
}
.table-version-buttons, td, tr {
  border: solid 2px;
}