betaflight-configurator/tabs/servos.html

<style type="text/css">
    .tab-servos table {
        margin-top: 10px;
        
        width: 100%;
        border-collapse: collapse;     
    }
        .tab-servos table th {
            line-height: 20px;
            text-align: center;
            
            border: 1px solid #8b8b8b;
        }
        .tab-servos table td {         
            line-height: 18px;
            
            border: 1px solid #8b8b8b;
        }
        .tab-servos table .main {
            font-weight: bold;
            
            text-align: center;
            
            background-color: #ececec;
        }
        .tab-servos table input[type="number"] {
            width: 65px;
            height: 20px;
            
            padding-right: 5px;
            
            line-height: 20px;
            
            text-align: right;
        }
        .tab-servos table .channel input[type="checkbox"]:first-child {
            margin-left: 24px;
        }
        .tab-servos table .channel input[type="checkbox"] {
            margin-top: 4px;
            margin-right: 21px;
        }
        .tab-servos table .direction {
        }
            .tab-servos .direction .name {
                float: left;
                display: block;
                
                width: 60px;
            }
            .tab-servos .direction .alternate {
                float: left;
                display: block;
                
                width: 60px;
            }
            .tab-servos .direction .first {
                float: left;
                
                margin: 2px 10px 0 20px;
            }
            .tab-servos .direction .second {
                float: left;
                
                margin: 2px 10px 0 0;
            }
        .tab-servos .update {
            display: block;
            float: right;
            
            margin-top: 10px;
            
            width: 120px;
            height: 30px;
            line-height: 30px;
            
            font-size: 14px;
            color: white;
            text-align: center;
            
            border: 1px solid silver;
            
            background-color: #0fab16;
        }
        .tab-servos .update:hover {
            cursor: pointer;
            background-color: #13d81d;
        }
</style>
<div class="tab-servos">
    Model: <strong class="model"></strong>
    <table class="fields">
        <tr class="main">
            <th>Name</th>
            <th style="width: 70px">MID</th>
            <th style="width: 70px">MIN</th>
            <th style="width: 70px">MAX</th>
            <th style="width: 320px">Throt | Roll | Pitch | Yaw | AUX1 | AUX2 | AUX3 | AUX4</th>
            <th style="width: 200px">Direction</th>
        </tr>
    </table>
    <a class="update" href="#" title="">Save</a>
</div>