#todo {
		background-color: LightGray; /*Gainsboro */
	}
@media (max-width: 480px) {
		#todo {
			padding-top: 40px; /* or whatever max height your wrapped menu reaches */
		}
	}	

#todo.container-action {
		display: flex;
		flex-wrap: wrap;
		align-items: center; 
		padding: 0.5em;
		background-color: #a9a9a9; /* Dark Grey */
	}
		
#todo ul { 
		all: unset;
	}
#todo li {
		all: unset;
		display: flex;
		flex-direction: row; /* default is row */
		justify-content: flex-start;
		margin-bottom: .5em;
	}

#todo .doing {width: 58px; color: blue; background-color: SpringGreen;}
#todo .do {width: 58px; color: blue; background-color: Yellow;}
#todo .wait {width: 58px; color: blue; background-color: LightSalmon;}
#todo .done {width: 58px; color: blue; background-color: Lavender;}
#todo .saved {width: 58px; color: blue; background-color: LightGray;}

#todo select { margin: 0 .5em 0 .5em;}