<div class="install-extension-dialog modal">
    <div class="modal-header">
        <h1 class="dialog-title">{{INSTALL_EXTENSION_TITLE}}</h1>
    </div>
    <div class="modal-body">
        <div class="field-container input-field">
            <input type="text" placeholder="{{INSTALL_EXTENSION_HINT}}" class="url" />
        </div>
        <div class="field-container message-field">
            <div class="message"></div>
        </div>
    </div>
    <div class="modal-footer">
        <button class="btn left browse-extensions">{{BROWSE_EXTENSIONS}}</button>
        <button class="dialog-button btn primary" data-button-id="ok" disabled>{{INSTALL}}</button>
        <button class="dialog-button btn" data-button-id="cancel">{{CANCEL}}</button>
    </div>
</div>

<div class="install-extension-dialog modal">
    <div class="modal-header">
        <h1 class="dialog-title">{{INSTALL_EXTENSION_TITLE}}</h1>
    </div>
    <div class="modal-body">
        <div class="field-container input-field">
            <input type="text" placeholder="{{INSTALL_EXTENSION_HINT}}" class="url" />
        </div>
        <div class="field-container message-field">
            <div class="message"></div>
        </div>
    </div>
    <div class="modal-footer">
        <button class="btn left browse-extensions">{{BROWSE_EXTENSIONS}}</button>
        <button class="dialog-button btn" data-button-id="cancel">{{CANCEL}}</button>
        <button class="dialog-button btn primary" data-button-id="ok" disabled>{{INSTALL}}</button>
    </div>
</div>

Fix the buttons order in the Install with URL dialog
Fix the buttons order in the Install with URL dialog
