﻿files {
	.collection {
		overflow: visible;
		md-collection-item {
			display: flex;
			align-items: center;
			padding: 0 !important;
			>div {
				flex: 1;
				min-width: 0;
				position: relative;
				.file-name-and-type {
					padding: 10px 0 10px 20px;
					.file-name {
						overflow: hidden;
						text-overflow: ellipsis;
						white-space: nowrap;
					}
				}
				.type-select {
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					div,
					input {
						width: 100%;
						height: 100%!important;
						margin: 0;
					}
					input,
					.caret {
						opacity: 0;
					}
				}
			}
			>i {
				padding: 10px 20px 10px 0;
			}
		}
	}
}