<div class="panel-body">

  {% for image in release.get_ordered_images %}

    {% if image.title %}
      <h3>&ldquo;{{ image.title|safe }}&rdquo;</h3>
    {% endif %}

    <p>
      {% if image.width > 1130 %}
        <a href="{{ image.file.url }}" title="View full size">
      {% endif %}
      <img src="{{ image.file.url }}"
        height="{{ image.height }}" width="{{ image.width }}"
        alt="{{ release }}" class="img-responsive"
        {% if image.text %}title="{{ image.text|escape }}"{% endif %}>
      {% if image.width > 1130 %}
        </a>
      {% endif %}
    </p>

    {% if image.text %}
      <blockquote class="image_text">{{ image.text|escape|linebreaksbr }}
      </blockquote>
    {% endif %}

  {% empty %}

    <div class="alert alert-block alert-warning">
      <p>No matching images found.</p>
    </div>

  {% endfor %}

</div>

<div class="panel-footer">
  <p class="meta">
    Credits: {{ release.comic.rights }}.
    Fetched at {{ release.fetched|date:"Y-m-d H:i e" }} from
    <a href="{{ release.comic.get_redirect_url }}">{{ release.comic.url }}</a>.
  </p>
</div>

<div class="panel-body">

  {% for image in release.get_ordered_images %}

    {% if image.title %}
      <h3>&ldquo;{{ image.title|safe }}&rdquo;</h3>
    {% endif %}

    <p>
      {% if image.width > 1130 %}
        <a href="{{ image.file.url }}" title="View full size">
      {% endif %}
      <img src="{{ image.file.url }}"
        height="{{ image.height }}" width="{{ image.width }}"
        alt="{{ release }}" class="img-responsive"
        {% if image.text %}title="{{ image.text|escape }}"{% endif %}>
      {% if image.width > 1130 %}
        </a>
      {% endif %}
    </p>

    {% if image.text %}
      <blockquote class="image_text">{{ image.text|escape|linebreaksbr }}
      </blockquote>
    {% endif %}

  {% empty %}

    <div class="alert alert-block alert-warning">
      <p>No matching images found.</p>
    </div>

  {% endfor %}

</div>

<div class="panel-footer">
  <p class="meta small text-muted">
    Credits: {{ release.comic.rights }}.
    Fetched at {{ release.fetched|date:"Y-m-d H:i e" }} from
    <a href="{{ release.comic.get_redirect_url }}">{{ release.comic.url }}</a>.
  </p>
</div>

Make meta text small and muted
browser: Make meta text small and muted
