@import "minerva.variables";
@import "minerva.mixins";

.overlay.collection-editor-overlay {

	.overlay-subheader > * {
		display: table-cell;
		vertical-align: middle;
	}

	.content {
		.actions {
			padding-top: 2em;
			.action {
				margin-bottom: .2em;
			}
		}

		label {
			font-weight: bold;
			// Spacing between label and input
			margin-bottom: 0.5em;
			display: block;
		}

		// Spacing between form fields
		label, .collection-privacy {
			margin-top: 2em;
		}

		.description {
			// 2 Rows. Default is 8em (4 rows)
			min-height: 4em;
		}

		// Inline collection privacy toggle group
		.collection-privacy {
			cursor: pointer;
			.private-icon {
					display: none;
			}
			.private-icon, .public-icon {
				// Offset the icon for left alignment
				margin-left: -1em;
				float: left;
			}
			&.private {
				.private-icon {
					display: block;
				}
				.public-icon {
					display: none;
				}
			}
		}
	}

	.search-header {
		.clear {
			position: absolute;
			right: 0;
			top: 25%;
		}
	}

	.panel {
		border: none;
		padding: 0;
	}

	.collection-search-panel {
		margin-bottom: 1em;
	}

	.collection {

		.collection-header {
			cursor: pointer;
			margin: 1.5em 1em;

			h1 {
				font-size: 1.25em;
				font-weight: bold;
				word-break: normal;
				word-wrap: break-word;
			}

			// Keep text inline with any ajacent icons
			h1, .collection-description {
				span {
					vertical-align: top;
				}
			}

			.settings-action {
				display: inline-block;
				vertical-align: sub;
				// FIXME: Find a way to manipulate icon size without refering explicitly to :before (implementation detail).
				&:before {
					background-size: 75% auto;
				}
			}


		}
	}
}