%main.row
  .cell.well.well--l

    - if user_signed_in?

      .js-search
        .split
          .split-cell.form.form--inline
            = form_tag articles_path, method: :get, remote: true, class: 'js-search-form' do
              = search_field_tag :search, params[:search],
                class: 'form-input js-search-input',
                placeholder: 'Search articles by keyword',
                autofocus: true
          .split-cell.mlxs
            = link_to "Fresh", fresh_articles_path, class: "btn #{action_name == 'fresh' ? 'btn--a' : ''}"
            = link_to "Stale", stale_articles_path, class: "btn #{action_name == 'stale' ? 'btn--a' : ''}"
            = link_to "Rotten", rotten_articles_path, class: "btn #{action_name == 'rotten' ? 'btn--a' : ''}"

        %ul.list.list--xs.js-search-results
          = render @articles

    - else

      %h1
        = link_to 'Please Log in to Continue', login_path

%main.row
  .cell.well.well--l

    - if user_signed_in?

      .js-search
        .split
          .split-cell.form.form--inline
            = form_tag articles_path, method: :get, remote: true, class: 'js-search-form' do
              = search_field_tag :search, params[:search],
                class: 'form-input js-search-input',
                placeholder: 'Search articles by keyword',
                autofocus: true
          .split-cell.mlxs
            = link_to "Fresh", fresh_articles_path, class: "btn #{action_name == 'fresh' ? 'btn--b' : ''}"
            = link_to "Stale", stale_articles_path, class: "btn #{action_name == 'stale' ? 'btn--b' : ''}"
            = link_to "Rotten", rotten_articles_path, class: "btn #{action_name == 'rotten' ? 'btn--b' : ''}"

        %ul.list.list--xs.js-search-results
          = render @articles

    - else

      %h1
        = link_to 'Please Log in to Continue', login_path

Use a more discrete button for the state filters
Use a more discrete button for the state filters

btn--a is reserved for primary action buttons and
the filter buttons were clashing with the main action
on the Article Index (New Article).

btn--b uses a more subtle grey color so it gives proper
precedence to the main action.
