{{ define "horizontalScrollBarHeight" }}
<link href="/static/css/pages/panel.css" rel="stylesheet">

    <tr class="row-data">
        <td class="col-data-label-panel">Horizontal Scrollbar Height:</td>
        <td class="col-data-input">
            <div class="select-wrapper">
                <select class="custom-select" name="HorizontalScrollBarHeight" id="HorizontalScrollBarHeight" value="{{ .HorizontalScrollBarHeight }}" onchange="handlePanelSettingChanged()">
                    {{if eq .HorizontalScrollBarHeight 25}}
                    <option value="25" selected>Small</option>
                    <option value="35">Medium</option>
                    <option value="45">Large</option>
                    {{else if eq .HorizontalScrollBarHeight 35}}
                    <option value="25">Small</option>
                    <option value="35" selected>Medium</option>
                    <option value="45">Large</option>
                    {{else}}
                    <option value="25">Small</option>
                    <option value="35">Medium</option>
                    <option value="45" selected>Large</option>
                    {{end}}
                </select>
            </div>
        </td>
    </tr>
{{ end }}