"Show More" description box permanent extension???

I am using the “detube” theme on wordpress at https://www.leanmill.com/stoic-lessons/

What I am trying to do is make the description box below the video permanently extend so the button doesn’t need to be pushed to see all the images. Is this a php change or css? I’ve been playing around with it for hours and can’t seem to get it right. Any help would be much appreciated. Thanks

CSS for the details box below

/*== Video Detatils
*=================================*/
#details .section-content {
padding:0 0 20px;
}
#info {
overflow:hidden
}
#meta {
color:#999;
font-size:11px;
margin:0 0 10px;
}
#meta .sep {
padding:0 3px
}
#extras {
font-size:11px;
}
#extras h4 {
font-size:11px;
margin: 4px 0 0;
}

/* Info Toggle */
.info-arrow {
display:none;
width:8px;
height:10px;
line-height:10px;
vertical-align:text-top;
margin:6px 0 0 2px;
}
.info-arrow-more {
background:url(images/less-more.png) no-repeat 0 0!important;
}
.info-arrow-less {
background:url(images/less-more.png) no-repeat 0 -20px!important;
}
.info-toggle {
text-align:center;
margin-top:-21px;
}
.info-more,.info-less {
display:none;
background:#F7F7F7;
background-image:-ms-linear-gradient(top,#FFF,#F0F0F0);
background-image:-moz-linear-gradient(top,#FFF,#F0F0F0);
background-image:-o-linear-gradient(top,#FFF,#F0F0F0);
background-image:-webkit-gradient(linear,left top,left bottom,from(#FFF),to(#F0F0F0));
background-image:-webkit-linear-gradient(top,#FFF,#F0F0F0);
background-image:linear-gradient(top,#FFF,#F0F0F0);
text-transform:uppercase;
font-weight:bold;
font-size:11px;
padding:3px 10px;
border:1px solid #DDD;
-webkit-border-radius:0 0 3px 3px;
border-radius:0 0 3px 3px;
border-top:0;
min-width:70px;
color:#555;
}
.info-more:hover,.info-less:hover {
border-color:#BBB;
color:#333;
text-decoration: none;
}