= div_for(announcement, class: time_period_class(announcement) + unread_class(announcement))
  h2.announcement-title
    - if announcement.unread?(current_user)
      small => fa_icon 'envelope'.freeze

    = format_inline_text(announcement.title)

    - if announcement.sticky?
      small title=t('.sticky')
        =< fa_icon 'thumb-tack'.freeze
    - unless announcement.currently_active?
      small title=time_period_message(announcement)
        =< fa_icon 'calendar'.freeze

    div.pull-right
      div.btn-group
        = edit_button(edit_button_path) if can?(:edit, announcement)
        = delete_button(delete_button_path) if can?(:destroy, announcement)

  i.timestamp
    => format_datetime(announcement.start_at)
    ' by
    = link_to_user(announcement.creator)

  div.content
    = format_html(announcement.content)

= div_for(announcement, class: time_period_class(announcement) + unread_class(announcement))
  h2.announcement-title
    - if announcement.unread?(current_user)
      span => fa_icon 'envelope'.freeze
    - if announcement.sticky?
      span title=t('.sticky')
        => fa_icon 'thumb-tack'.freeze
    - unless announcement.currently_active?
      span title=time_period_message(announcement)
        => fa_icon 'calendar'.freeze

    = format_inline_text(announcement.title)

    div.pull-right
      div.btn-group
        = edit_button(edit_button_path) if can?(:edit, announcement)
        = delete_button(delete_button_path) if can?(:destroy, announcement)

  i.timestamp
    => format_datetime(announcement.start_at)
    ' by
    = link_to_user(announcement.creator)

  div.content
    = format_html(announcement.content)

Enlarge and reposition announcement status icons
Enlarge and reposition announcement status icons

Coursemology/coursemology2,cysjonathan/coursemology2,cysjonathan/coursemology2,Coursemology/coursemology2,Coursemology/coursemology2,Coursemology/coursemology2,Coursemology/coursemology2,Coursemology/coursemology2,Coursemology/coursemology2,cysjonathan/coursemology2