app/assets/stylesheets/application_letters.css
/* Place all the styles related to the matching controller here. They will automatically be included in application.css.*/ Don't use IDs in selectors.
Rule doesn't have all its properties in alphabetical order.#applicant_details dt { width: 200px; white-space: normal;} Don't use IDs in selectors.#applicant_details dd { margin-left: 220px;} Rule doesn't have all its properties in alphabetical order.img.eating-habit--icon { width: 20px; height: auto;} img.eating-habit--icon[data-toggle=popover] { cursor: pointer;} Don't use IDs in selectors.
Element (ul#eating-habit--list) is overqualified, just use #eating-habit--list without element name.ul#eating-habit--list { list-style: none;} Don't use IDs in selectors.
Element (ul#eating-habit--list) is overqualified, just use #eating-habit--list without element name.ul#eating-habit--list > li { display: inline;display:inline has no effect on floated elements (but may be used to fix the IE6 double-margin bug). float: left; margin-left: 3px;} dl:not(.dl-horizontal) dd { margin-bottom: 30px;}dl:not(.dl-horizontal) dt { margin-bottom: 5px;}