test.css

img,legend {
	border:0
}
body,legend,td,th  {
	padding:0
}
body,html,sub,sup  {
	position:relative
}
button,input,select,sub,sup,textarea  {
	vertical-align:baseline
}
pre,textarea  {
	overflow:auto
}
body,html  {
	-webkit-font-smoothing:antialiased;
	margin: 0;
	padding: 0;
}

.test {
	display: block;
	width: 1000px;
    height: 800px;
    padding: 20px;	
}	
.layout-row {
	display: block;
	width: 100%;
	height: auto;
}	

#test_load_file {
	height: 80px;	
}	
#test_load_file label{
	margin-right: 10px;
}	
#test_load_file button{
	margin-left: 20px;
}	
#test_container_file {
	height: 250px;	
	border: 1px solid #666;
	padding: 5px;
	overflow:auto;
}	
#test_container_file .file_item {
	display: inline-block;
	margin: 2px 10px;
	padding: 3px 10px;
	cursor: pointer;
}	
#test_container_file .file_item.current {
	background: #ccc;	
}
#test_ffmpeg {
	margin-top: 10px;
	height: 40px;	
}	
#test_ffmpeg button{
	margin-left: 20px;
}	
#test_ffmpeg_message {
	width: 1000px;
    height: 600px;	
	border: 1px solid #999;
	padding: 5px;
	overflow:auto;
	margin-bottom: 30px;
}	
#videoContainer {
    width: 100%;
    margin: 0 auto;
    height: calc(100% - 10px);
    background: rgba(0,0,0,.4);
}
.edit-actions-ripple {
	width: 100%;
	height: 40px;	
}	
.action-button {
	margin: 5px 10px;
}
.action-button button {
	margin-right: 30px;
}	
#test_file_name {
	height: 12px;
    width: 200px;
    margin-right: 30px;
    float: left;
}