Hi!
To add some responsiveness, maybe setting a minimum width of 210px on the first element, and 320px on the search container will do the trick:
[html]
.asp_shortcodes_container .asp_shortcode_column {
min-width: 320px !important;
}
.asp_shortcodes_container .asp_shortcode_column:first-child {
min-width: 210px !important;
}[/html]
You might have to adjust these values, but currently it will look like this on small screens: https://i.imgur.com/YOk273k.png
The non-searchable element is just a simple select, but there are some custom CSS rules inherited from the theme, that override the default layout. If you decide to use that, then this should make it look similar to the searchable:
[html]select.asp_nochosen {
line-height: 44px !important;
min-height: 55px !important;
min-width: 195px !important;
width: 195px !important;
background: #f6f6f6 !important;
appearance: menulist !important;
-webkit-appearance: menulist !important;
}[/html]