@import '~@blueprintjs/core/dist/variables.scss';

.Notes {
    display: flex;
    align-items: flex-start;

    .list {
        width: 200px;
        margin-right: $pt-grid-size;
        box-sizing: content-box;
    }

    .content {
        margin-left: $pt-grid-size;
        flex: 1;
        max-height: 300px;

        .Note {
            .trash-btn {
                float: right;
            }
            
            .editor {
                display: flex;
                flex-direction: row;
                margin-top: $pt-grid-size * 4;

                .source, .preview {
                    flex: 1;
                    margin: 30px;
                }
            }
        }
    }

}