"format" drop-downs not tall enough
VladimirAlexiev opened this issue · comments
What browser are you on? It seems to be fine for my using Safari.
The site's certainly not well designed for mobile, but I'm not able to reproduce your issue on Android for iPhone. If you'd like to suggest some CSS to address this, I'd be happy to incorporate.
Really, though, I'd expect browsers to be able to render these controls without any specific changes. I presume that you've selected the drop-downs and selected some specific format and it's showing up messed up. You might try using the developer tools to update the CSS for that element to see what it takes to make it show up.
Odd that it happens for you on both Desktop and mobile.
It happens even in initial state.
I'll inspect the CSS when I'm on desktop
This comes from http://rdf.greggkellogg.net/assets/application-6ac19de42fa72bacbf8dfd00e3e06e8ebd2c31a65b0e4807c4e4dc4403bf8236.css:
.form-control.form-control-sm {
height: 20px;
line-height: 20px;
Subtract 1+6+6+1 for border & padding, and that leaves only 6 pixels for the content:
The padding comes from https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/less/forms.less
.form-control {
padding: @padding-base-vertical @padding-base-horizontal;
// which resolves to:
padding: 6px 12px;