<div class="color-picker-popup">
  <div id="ui-color-picker" class="ui-color-picker"></div>

  <div style="display: flex; align-items: center; color: #F8F8F8; margin-top: 16px">
    Hex
    <div style="display: flex; margin-left: 8px; height: 35px">
      <div style="height:100%; flex-grow:1;">
        <input id="hexinput" type="string" style="width:100%; height:100%;" class="sidebar-panel-dark-input" data-change="onHexInputFieldChanged"></input>
      </div>
      <input id="opacityInput" type="string" placeholder="100%" style="width: 50px; height:100%;" class="sidebar-panel-dark-input" data-change="onOpacityInputFieldChanged"></input>
    </div>
    
  </div>
  
</div>
