Wow, Kyle, you nailed it. I tried these changes out in Firefox (editing the CSS in Firebug) and the broken layout issues went away, just as you predicted.
My problem now is I don’t seem to be able to get some CSS changes I’ve made locally to actually get deployed to my staging site. You’ll notice that the homepage search box size/rounded corners at staging.genlighten.com are now as desired. But the various changes to the non-homepage search form (ul float:left, form float:left, deleting the 597px padding) don’t seem to have propagated there. I suspect it’s something I’m doing wrong with compiling/importing my scss files. Here’s a possible symptom of that:
My application.css.css file contains an error message indicating that it failed to @import bourbon successfully:
Syntax error: File to import not found or unreadable: bourbon.
on line 1 of app/assets/stylesheets/application.css.scss
1: @import “bourbon”;
2: @import “neat”;
3: @import “base_variables”;
4: @import “grid-settings”;
5: @import “genlighten_new”;
6: @import “newSol”;
I have the bourbon gem installed in my Gemfile:
but they’re not in the assets group.
However, I don’t seem to have the bourbon/neat subdirectories anywhere in the assets subdirectory. They were there before when I was using them under Rails 2.3.x, but when I created the assets directory as I upgraded to Rails 3.1, I didn’t transfer them over. My understanding was that the gems took care of that for me. Not so?
Any suggestions would be greatly appreciated…