anchor.diff:                      </div>
   
                       <div class="content-field">
  -                      <h5>Document notes</h5>
  +                      <h5>
  +                        <i class="material-icons left <%= Document.color %>-text">info</i>
  +                        Document notes
  +                      </h5>
                         <div class="input-field">
                           <%= f.text_area :notes_text, class: 'materialize-textarea autosave-closest-form-on-change', placeholder: "Write as little or as much as you'd like!" %>
                           <span class="helper-text">Changes will automatically save. These notes will be available while writing.</span>
                         </div>
                       </div>
   
  -                    <h5>Document tags</h5>
  -                      <div class="content-field tags">
  -                        <div class="input-field">
  -                          <div class="chips chips-autocomplete chips-initial" id="chips-for-<%= document.id %>"></div>
  -                          <%= 
  -                            hidden_field_tag 'field[value]', 
  -                              document.page_tags.join(PageTag::SUBMISSION_DELIMITER), 
  -                              class: 'hidden_page_tags_value'
  -                          %>
  -
  -                          <div class="help-text show-when-focused">
  -                            <i class="material-icons tiny">label</i>
  -                            Type and press enter to create a new tag, or click any of the suggested tags below to add it.
  +                    <h5>
  +                      <i class="material-icons left <%= Document.color %>-text">label</i>
  +                      Document tags
  +                    </h5>
  +                    <div class="content-field tags">
  +                      <div class="input-field">
  +                        <div class="chips chips-autocomplete chips-initial" id="chips-for-<%= document.id %>"></div>
  +                        <%= 
  +                          hidden_field_tag 'field[value]', 
  +                            document.page_tags.join(PageTag::SUBMISSION_DELIMITER), 
  +                            class: 'hidden_page_tags_value'
  +                        %>
  +
  +                        <div class="help-text show-when-focused">
  +                          <i class="material-icons tiny">label</i>
  +                          Type and press enter to create a new tag, or click any of the suggested tags below to add it.
  +                        </div>
  +                        <% if @suggested_page_tags %>
  +                          <div class="tags-container show-when-focused">
  +                            <% @suggested_page_tags.each do |tag| %>
  +                              <%=
  +                                link_to '#', class: 'js-add-tag' do
  +                              %>
  +                                <span class="new badge grey left hoverable" data-badge-caption="<%= tag %>"></span>
  +                              <% end %>
  +                            <% end %>
                             </div>
  -                          <% if @suggested_page_tags %>
  -                            <div class="tags-container show-when-focused">
  -                              <% @suggested_page_tags.each do |tag| %>
  -                                <%=
  -                                  link_to '#', class: 'js-add-tag' do
  -                                %>
  -                                  <span class="new badge grey left hoverable" data-badge-caption="<%= tag %>"></span>
  -                                <% end %>
  -                              <% end %>
  -                            </div>
  +                        <% end %>
  +                        <div class="clearfix"></div>
  +                      </div>
  +                    </div>
  +                    <%= content_for :javascript do %>
  +                      function update_hidden_page_tag_value(e) {
  +                        var chips = M.Chips.getInstance($(e).parent().find('.chips')).chipsData.map(function (c) {
  +                          return c['tag'];
  +                        });
  +
  +                        var hidden_input = $(e).parent().find('.hidden_page_tags_value');
  +                        hidden_input.val(chips.join('<%= PageTag::SUBMISSION_DELIMITER %>'));
  +
  +                        // Trigger autosave manually
  +                        hidden_input.closest('form').submit();
  +
  +                        M.toast({ html: "Saving changes..." });
  +                      }
  +
  +                      var chips = $('#chips-for-<%= document.id %>').chips({
  +                        placeholder: 'Add tags',
  +                        secondaryPlaceholder: '+ Tag',
  +                        autocompleteOptions: {
  +                          data: {
  +                            <% tags.pluck(:tag).each do |tag| %>
  +                              '<%= tag %>': null,
  +                            <% end %>
  +                          },
  +                          limit: 100,
  +                          minLength: 1
  +                        },
  +                        data: [
  +                          <% document.page_tags.pluck(:tag).each do |tag| %>
  +                            {tag: '<%= tag %>'},
                             <% end %>
  -                          <div class="clearfix"></div>
  -                        </div>
  -                      </div>
  -                      <%= content_for :javascript do %>
  -                        function update_hidden_page_tag_value(e) {
  -                          var chips = M.Chips.getInstance($(e).parent().find('.chips')).chipsData.map(function (c) {
  -                            return c['tag'];
  -                          });
  -
  -                          var hidden_input = $(e).parent().find('.hidden_page_tags_value');
  -                          hidden_input.val(chips.join('<%= PageTag::SUBMISSION_DELIMITER %>'));
  -
  -                          // Trigger autosave manually
  -                          hidden_input.closest('form').submit();
  -
  -                          M.toast({ html: "Saving changes..." });
  -                        }
  -
  -                        var chips = $('#chips-for-<%= document.id %>').chips({
  -                          placeholder: 'Add tags',
  -                          secondaryPlaceholder: '+ Tag',
  -                          autocompleteOptions: {
  -                            data: {
  -                              <% tags.pluck(:tag).each do |tag| %>
  -                                '<%= tag %>': null,
  -                              <% end %>
  -                            },
  -                            limit: 100,
  -                            minLength: 1
  -                          },
  -                          data: [
  -                            <% document.page_tags.pluck(:tag).each do |tag| %>
  -                              {tag: '<%= tag %>'},
  -                            <% end %>
  -                          ],
  -                          onChipAdd:    update_hidden_page_tag_value,
  -                          onChipDelete: update_hidden_page_tag_value
  -                        });
  -                      <% end %>
  +                        ],
  +                        onChipAdd:    update_hidden_page_tag_value,
  +                        onChipDelete: update_hidden_page_tag_value
  +                      });
  +                    <% end %>
                     <% else %>
                       <h5>Document synopsis</h5>
                       <% if document.synopsis %>
  
positive.code:                 <div class="col s12 m12 l8" style="padding-right: 1em;">
                    <% if current_user.can_update?(document) %>
                      <div class="content-field">
                        <h5>Document synopsis</h5>
                        <div class="input-field">
                          <%= f.text_area :synopsis, class: 'materialize-textarea autosave-closest-form-on-change', placeholder: 'What happens in this document?' %>
                          <span class="helper-text">Changes will automatically save.</span>
  
negative.code:                     <% end %>
                    <% end %>
  
                    <h5>
                      <i class="material-icons left <%= Document.color %>-text">info</i>
                      About
                    </h5>
                    <ul>
  