index.html.haml

= render :partial => 'menu_header'

.menu
  - @food_items.each do |food_item|
    - if food_item.img_url?
      %td.list_image
        = image_tag(food_item.img_url)
    %h3= food_item.name
    %td.list_description
      = sanitize(food_item.description)
    .price_line
      %span.price= number_to_currency(food_item.price)

menus.css.scss

// Place all the styles related to the menus controller here.
// They will automatically be included in application.css.
// You can use Sass (SCSS) here: http://sass-lang.com/
.menu {
  .price {
    color: #300;
    font-weight: bold;
    margin-right: 3em;
  }
  h3 {
    color: #f00;
  }
  table {
    border-collapse: collapse;
  }

  table tr td {
    padding: 5px;
    vertical-align: top;
  }

  .list_image {
    width:  60px;
    height: auto;
  }

  .list_description {
    width: 60%;
    color: white;

    dl {
      margin: 0;
    }

    dt {
      color:        white;
      font-weight:  bold;
      font-size:    larger;
    }

    dd {
      margin: 50;
    }
  }

  .list_actions {
    font-size:    x-small;
    text-align:   right;
    padding-left: 1em;
  }

  .list_line_even {
    background: #a63100;
  }

  .list_line_odd {
    background:   #bf5b30;
  }
}