JSFiddle - React, Tailwind, and code Playground

HTML

<div id="panel">
  <panel-entry 1>
  <panel-entry 2>
  <panel-entry n>

  <div id="settings">
    <img src=settings>
    <ul>
      <li>setting 1</li>
      <li>setting 2</li>
      <li>setting n</li>
    </ul>
  </div>
</div>

CSS

#panel {
  position: fixed;
  width: 100%;
  border: 1px solid #ccc;
}
#settings {
  float: right;
}