<div class="columns">
  {% if main-deck %}
  <div class="column is-one-third main-deck-list">
    <h2 style="cursor:pointer;"
        onclick="toggle_hidden('main-deck-list')"
        id="main-deck-text">Main Deck</h2>
    {% for card in main-deck %}
    <p>{{ card.name }}</p>
    {% endfor %}
  </div>
  {% endif %}
  {% if extra-deck %}
  <div class="column is-one-third extra-deck-list">
    <h2 style="cursor:pointer;"
        onclick="toggle_hidden('extra-deck-list')"
        id="extra-deck-text">Extra Deck</h2>
    {% for card in extra-deck %}
    <p>{{ card.name }}</p>
    {% endfor %}
  </div>
  {% endif %}
  {% if side-deck %}
  <div class="column is-one-third side-deck-list">
    <h2 style="cursor:pointer;"
        onclick="toggle_hidden('side-deck-list')"
        id="side-deck-text">Side Deck</h2>
    {% for card in side-deck %}
    <p>{{ card.name }}</p>
    {% endfor %}
  </div>
  {% endif %}
</div>
