cyp/app/css/component.less

.component {
	height: 100%;
	display: flex;
	flex-direction: column;

	ul {
		flex-grow: 1;
		overflow: auto;
		list-style: none;
		margin: 0;
		padding: 0;
	}

	.grid {
		li {
			display: flex;
			flex-direction: row;
			align-items: center;

			h2 {
				flex-grow: 1;
				font-size: 100%;
				font-weight: normal;
				margin: 0;
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
			}
		}

		li:nth-child(odd) {
			background-color: #555;
		}

		button {
			flex-shrink: 0;
			width: 32px;
			height: 32px;
			font-size: 32px;
		}
	}
}