%script{ type: "text/ng-template", id: "shop/shop.html" }
  .order-cycle-bar.hide-for-large-up
    = render partial: "shopping_shared/order_cycles"

  - if no_open_order_cycles?
    = render partial: "shop/messages/closed_shop"

  - else
    .row
      .small-12.columns
        = render partial: "shop/messages/select_oc"
        = render partial: "shop/products/form"

%script{ type: "text/ng-template", id: "shop/shop.html" }
  .order-cycle-bar.hide-for-large-up
    = render partial: "shopping_shared/order_cycles"

  - if no_open_order_cycles?
    = render partial: "shop/messages/closed_shop"

  - else
    = render partial: "shop/messages/select_oc"
    = render partial: "shop/products/form"

Move messages and products form outside of row and columns to enable full-width
Move messages and products form outside of row and columns to enable full-width
