/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or any plugin's vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any styles
 * defined in the other CSS/SCSS files in this directory. It is generally better to create a new
 * file per style scope.
 *
 * Note that this uses jquery-ui/autocomplete (to do a polyfill for Safari).
 * There are reports that jquery-ui interferes with bootstrap; I hope those
 * have been resolved.
 *
 *= require_tree .
 *= require_self
 *= require font-awesome
 *= require jquery-ui/autocomplete
 *= require rails_bootstrap_forms
 *= require bootstrap-social
 */

/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or any plugin's vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any styles
 * defined in the other CSS/SCSS files in this directory. It is generally better to create a new
 * file per style scope.
 *
 * Note that this uses jquery-ui/autocomplete (to do a polyfill for Safari).
 * There are reports that jquery-ui interferes with bootstrap; I hope those
 * have been resolved.
 *
 *= require_tree .
 *= require_self
 *= require font-awesome
 *= require jquery-ui/autocomplete
 *= require rails_bootstrap_forms
 *= require bootstrap-social
 */

/* Work around a bug in Bootstrap's navigation bar. When the display is narrow,
   the navigation bar gets longer, but the body padding doesn't adjust.
   The result is that the navigation bar overlaps the beginning of the
   body content below it.  This particular workaround is based on:
   http://stackoverflow.com/questions/10336194/
   twitter-bootstrap-top-nav-bar-blocking-top-content-of-the-page
   but note that for us the key breakpoint is width 767px, not 979px.  */

body {
  padding-top: 80px;
}
@media (max-width: 767px) {
  body {
    padding-top: 240px;
  }
}

Work around Bootstrap nav bar bug so narrow screens display ok
Work around Bootstrap nav bar bug so narrow screens display ok

Signed-off-by: David A. Wheeler <9ae72d22d8b894b865a7a496af4fab6320e6abb2@dwheeler.com>
