<div class="field-header">Change Username</div>
<div class="field-group">
    <div class="field-wrapper">
        <label>New Username:</label>
        <input type="text" id="display_name" />
    </div>
    <button class="field-group-button" id="save_display_name">Save</button>
</div>
<div class="field-header">Change Password</div>
<div class="field-group">
    <div class="field-wrapper">
        <label>Current Password:</label>
        <input type="password" id="current_password" />
    </div>
    <div class="field-wrapper">
        <label>New Password:</label>
        <input type="password" id="new_password" />
        <progress class="password-strength-meter" max="4" value="0"></progress>
        <div class="password-strength-message"></div>
    </div>
    <div class="field-wrapper">
        <label>Confirm Password:</label>
        <input type="password" id="confirm_password" />
    </div>
    <button class="field-group-button" id="save_new_password">Save</button>
</div>
<div class="field-header">Import and Export</div>
<div class="field-group">
    <button class="field-group-button" id="import-button">Import</button>
    <button class="field-group-button" id="export-button">Export</button>
</div>
<div class="field-header">Logs</div>
<div class="field-group">
    <div class="field-wrapper">
        <div id="logs_enabled_message">
            Logs Enabled - Size: <span id="logs_size"></span>
        </div>
        If you are having issues, please do the following:
        <div style="margin-left: 20px;">
            <div id="logs_disabled_message">
                <li>Click "Enable Logs"</li>
                <li>Repeat the steps that caused the problem</li>
            </div>
            <li>Click "Export Logs"</li>
        </div>
        <button id="toggle_logs"></button>
        <button id="export_logs">Export Logs</button>
    </div>
</div>