anchor.diff:            </td>
             <td class="align-middle text-break">
               <abbr title="<%= @character.charisma_attribute&.description %>">Charisma:</abbr>
  +            <%#= link_to("Charisma:", "#collapseCharisma", "data-toggle": "collapse", role: "button") %>
  +<!--            <div id="collapseCharisma" class="collapse">-->
  +<!--              <div class="card-body">-->
  +                <%#= @character.charisma_attribute&.description %>
  +<!--              </div>-->
  +<!--            </div>-->
             </td>
             <td><%= @character.charisma %></td>
           </tr>
  
positive.code: <!--        </tr>-->
  
  <!--        <tr>-->
  <!--          <td><%#= @character.race_id %></td>-->
  <!--        </tr>-->
  
  <!--        <tr>-->
  <!--          <td><%#= @character.bloodline_id %></td>-->
  <!--        </tr>-->
  
  <!--        <tr>-->
  <!--          <td><%#= @character.ancestry_id %></td>-->
  <!--        </tr>-->
  
  <!--        <tr>-->
  <!--          <td><%#= @character.faction_id %></td>-->
  <!--        </tr>-->
  
  <!--        <tr>-->
  <!--          <td><%#= @character.current_solar_system_id %></td>-->
  <!--        </tr>-->
  
  
negative.code: 
  <div class="row">
    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-4 col-xl-4">
      <div class="clearfix">
        <h4 class="float-left"><%= @character.name %></h4>
        <%= form_with(url: character_path, model: @character, class: "float-right") do %>
          <%= button_tag("Refresh", class: "btn btn-primary mb-2") do %>
            <%= image_tag("bootstrap-icons/icons/arrow-repeat.svg") %>
          <% end %>
        <% end %>
      </div>
  
      <div class="card">
        <ul class="list-group list-group-flush">
  