I've been struggling with adjusting the width of different instances of this line:
<%= f.date_select :deadline, :order => [:month, :day, :year], class: 'date-pick', id: 'goal' %>Despite creating unique ids for select, date-select, or date-pick, I haven't been successful in changing the width.
Below are some snippets from my stylesheet where I attempted to modify the width:
select.goal {
width: 29.6%;
color: green;
}
#goal.date-select {
width: 29.6%;
color: green;
}
.select {
#goal {
width: 29.6%;
color: green;
}
}
Only when I set the width using .select { width: 29.6%; } does it work, but then it affects all date-select elements. What could I be missing here?!