JSFiddle - React, Tailwind, and code Playground

by carsont

HTML

<div id="settings">
    <table>
      <tbody>
      <tr>
        <td>
          Schedule
        </td>
        <td>
          Client Care/Toronto/Team1/ClientSupport_English
        </td>
      </tr>
        <tr>          
          <td>
            Timezone
          </td>
          <td>
            <select data-bind="value: tz.selectedTimezone, selected: tz.selectedTimezone">
        <option value="0">Site</option>
        <option value="19">MIT (GMT -11:00)</option>
        <option value="20">HST (GMT -10:00)</option>
        <option value="21">AST (GMT -09:00)</option>
        <option value="22">PST (GMT -08:00)</option>
        <option value="23">PNT (GMT -07:00)</option>
        <option value="24">MST (GMT -07:00)</option>
        <option value="25">CST (GMT -06:00)</option>
        <option value="26">EST (GMT -05:00)</option>
        <option value="27">IET (GMT -05:00)</option>
        <option value="28">PRT (GMT -04:00)</option>
        <option value="33">AtlST (GMT -04:00)</option>
        <option value="29">CNT (GMT -03:30)</option>
        <option value="30">AGT (GMT -03:00)</option>
        <option value="31">BET (GMT -03:00)</option>
        <option value="32">CAT (GMT -01:00)</option>
        <option value="1">GMT (GMT +00:00)</option>
        <option value="2">ECT (GMT +01:00)</option>
        <option value="3">EET (GMT +02:00)</option>
        <option value="4">ART (GMT +02:00)</option>
        <option value="5">EAT (GMT +03:00)</option>
        <option value="6">MET (GMT +03:30)</option>
        <option value="7">NET (GMT +04:00)</option>
        <option value="8">PLT (GMT +05:00)</option>
        <option value="9">IST (GMT +05:30)</option>
        <option value="10">BST (GMT +06:00)</option>
        <option value="11">VST (GMT +07:00)</option>
        <option value="12">CTT (GMT +08:00)</option>
        <option value="13">JST (GMT +09:00)</option>
        <option value="14">KST (GMT +09:00)</option>
        <option value="15">ACT (GMT...

CSS

#settings {
  position: absolute; 
  box-shadow: 0 0 1px rgba(57,70,78,.15),0 20px 55px -8px rgba(57,70,78,.25);
  border-radius: 2px;
  padding: 15px;
}

select {
    width: 100%;
  padding: 0 5px;
  height: 34px;
  color: #39464E;
  font-size: 13px;
  background: 0 0;
  border: 1px solid #cfd6d9;
  border-radius: 2px;
  outline: 0;
  box-sizing: border-box;
  vertical-align: middle;
  -webkit-appearance: none;
}