cryptpad/www/settings/main.less

@import '/customize/src/less/variables.less';
@import '/customize/src/less/mixins.less';
@import '/customize/src/less/sidebar-layout.less';

.cp {
    #container {
        #rightSide {
            .userFeedback, .thumbnails {
                input[type="checkbox"] {
                    vertical-align: middle;
                    margin-right: 5px;
                }
            }
            .languageSelector {
                button.btn {
                    width: @button-width;
                    background-color: @button-alt-bg;
                    border-color: #adadad;
                    color: black;
                    &:hover {
                        background-color: darken(@button-alt-bg, 15%);
                    }
                }
            }
            .inputBlock {
                input {
                    border-top-right-radius: 0.25em;
                    border-bottom-right-radius: 0.25em;
                    padding: 5px;
                    padding-left: 15px;
                    &[type="number"] {
                        border-right: 1px solid #adadad;
                    }
                    &[type="checkbox"] {
                        margin-right: 100%;
                    }
                }
            }
            .infoBlock {
                [type="text"] {
                    width: @button-width;
                }
            }
            .backupDrive {
                button {
                    span.fa {
                        margin-right: 5px;
                    }
                    margin-right: 5px;
                }
            }
        }
    }
}