@use "./base-text.scss";

.shared-note-list-item {
	flex: 1;
	flex-direction: row;
	display: flex;
	align-items: center;
	gap: 8px;
	border: 1px solid;
	border-color: var(--joplin-divider-color);
	border-radius: 8px;
	padding: 8px 12px;
	margin-bottom: 8px;
	background-color: var(--joplin-background-color);

	> .title {
		@extend .base-text;

		flex: 1;
		display: flex;
		color: var(--joplin-color);
	}
}