{% if rows %}
<div class="git-log-wrap">
  <svg class="git-log-graph" width="{{ svg_width }}" height="{{ svg_height }}" data-base-height="{{ svg_height }}">
    {% for edge in edges %}
    <line x1="{{ edge.x1 }}" y1="{{ edge.y1 }}" x2="{{ edge.x2 }}" y2="{{ edge.y2 }}"
          data-row1="{{ edge.row1 }}" data-row2="{{ edge.row2 }}"
          data-base-y1="{{ edge.y1 }}" data-base-y2="{{ edge.y2 }}"
          stroke="{{ 'var(--lane-' ~ edge.color_idx ~ ')' if edge.pushed else 'var(--dim)' }}"
          stroke-width="2" stroke-linecap="round" />
    {% endfor %}
    {% for row in rows %}
    <circle cx="{{ row.cx }}" cy="{{ row.cy }}" r="4"
            data-row="{{ row.row_idx }}" data-base-cy="{{ row.cy }}"
            fill="{{ 'var(--lane-' ~ row.color_idx ~ ')' if row.pushed else 'var(--dim)' }}"
            stroke="var(--surface)" stroke-width="2" />
    {% if row.is_head %}
    <circle cx="{{ row.cx }}" cy="{{ row.cy }}" r="7" fill="none"
            data-row="{{ row.row_idx }}" data-base-cy="{{ row.cy }}"
            stroke="{{ 'var(--lane-' ~ row.color_idx ~ ')' if row.pushed else 'var(--dim)' }}" stroke-width="1.5" />
    {% endif %}
    {% endfor %}
  </svg>
  <div class="git-log-rows">
    {% for row in rows %}
    <div class="git-log-row" style="height:{{ row_height }}px"
         onclick="toggleCommitFiles(this, '{{ row.hash }}', {{ row.row_idx }})"
         title="{{ row.hash }}&#10;{{ row.author }} · {{ row.date }}&#10;{{ row.subject }}{{ '\n(not pushed to origin)' if not row.pushed else '' }}">
      {% if not row.pushed %}<span class="git-ahead" title="Not pushed to origin">↑</span>{% endif %}
      {% for ref in row.refs %}<span class="git-log-ref">{{ ref }}</span>{% endfor %}
      <span class="git-log-subject">{{ row.subject }}</span>
      <span class="git-log-meta">{{ row.short_hash }}</span>
    </div>
    {% endfor %}
  </div>
</div>
{% else %}
<p class="git-empty-msg">No commits yet</p>
{% endif %}