<svg viewBox="0 0 {{ venue.seat_map_dimensions.width }} {{ venue.seat_map_dimensions.height }}"
     xmlns="http://www.wd.org/2000/svg"
     style="max-width: {{ venue.seat_map_dimensions.width }}px; max-height: {{ venue.seat_map_dimensions.height }}px; width: {{ venue.seat_map_dimensions.width }}; height: {{ venue.seat_map_dimensions.height }}">
    <rect x="{{ venue.seat_map_dimensions.stage_x }}"
          y="{{ venue.seat_map_dimensions.stage_y }}"
          width="{{ venue.seat_map_dimensions.stage_width }}"
          height="{{ venue.seat_map_dimensions.stage_height }}"
          class="stage"/>
    <text x="50%"
          y="{{ venue.seat_map_dimensions.height|add:'-10'}}"
          alignment-baseline="middle"
          text-anchor="middle"
          class="stage-text">
        Scen
    </text>

  {% for group in venue.seatinggroup_set.all %}
  {% for seat in group.seat_set.all %}
  <circle
      cx={{ seat.x_pos}}
      cy={{ seat.y_pos }}
      r="5"
      class="seat{% if seat.id in taken_seats %} taken-seat {% endif %}"
      id="seat-{{ seat.id }}"
    />
  {% endfor %}
  {% endfor %}
</svg>

Make seats slightly larger and easier to click
Make seats slightly larger and easier to click
