roll20-character-sheets/D&D_5e_Shaped/precompiled/components/spells/spells.html

<div class="section-spells">
  <input type="hidden" name="attr_base_dc" value="(8 + (@{global_spell_dc_bonus})[global dc bonus])">

  <div class="shaped-row mar-b-sm">
    <div class="col-82">
      <div class="wrap-box">
        <input type="checkbox" class="toggle-spell-filters" name="attr_spell_display_filters" value="1" checked><span class="toggle-spell-filters">Filters</span>
        <input type="checkbox" name="attr_spell_only_show_prepared" class="toggle-spells-filter-prepared"><span class="toggle-spells-filter-prepared">{{'PREPARED' | translate}}</span>
        <input type="checkbox" name="attr_spell_only_show_rituals" class="toggle-spells-filter-ritual"><span class="toggle-spells-filter-ritual">{{'RITUAL' | translate}}</span>

        <input type="radio" name="attr_spell_level_filter_core" class="toggle-spells-filter-level-cantrips" value="cantrips"><span class="toggle-spells-filter-level-cantrips">{{'CANTRIPS' | translate}}</span><input type="radio" name="attr_spell_level_filter_core" class="toggle-spells-filter-level-1 spell-level-1" value="1"><span class="toggle-spells-filter-level-1 spell-level-1 border-left">1</span><input type="radio" name="attr_spell_level_filter_core" class="toggle-spells-filter-level-2 spell-level-2" value="2"><span class="toggle-spells-filter-level-2 spell-level-2 border-left">2</span><input type="radio" name="attr_spell_level_filter_core" class="toggle-spells-filter-level-3 spell-level-3" value="3"><span class="toggle-spells-filter-level-3 spell-level-3 border-left">3</span><input type="radio" name="attr_spell_level_filter_core" class="toggle-spells-filter-level-4 spell-level-4" value="4"><span class="toggle-spells-filter-level-4 spell-level-4 border-left">4</span><input type="radio" name="attr_spell_level_filter_core" class="toggle-spells-filter-level-5 spell-level-5"  value="5"><span class="toggle-spells-filter-level-5 spell-level-5 border-left">5</span><input type="radio" name="attr_spell_level_filter_core" class="toggle-spells-filter-level-6 spell-level-6" value="6"><span class="toggle-spells-filter-level-6 spell-level-6 border-left">6</span><input type="radio" name="attr_spell_level_filter_core" class="toggle-spells-filter-level-7 spell-level-7" value="7"><span class="toggle-spells-filter-level-7 spell-level-7 border-left">7</span><input type="radio" name="attr_spell_level_filter_core" class="toggle-spells-filter-level-8 spell-level-8" value="8"><span class="toggle-spells-filter-level-8 spell-level-8 border-left">8</span><input type="radio" name="attr_spell_level_filter_core" class="toggle-spells-filter-level-9 spell-level-9" value="9"><span class="toggle-spells-filter-level-9 spell-level-9 border-left">9</span><input type="radio" name="attr_spell_level_filter_core" class="toggle-spells-filter-level-all" value="all" checked><span class="toggle-spells-filter-level-all border-left">{{'ALL' | translate}}</span>

        <input type="radio" name="attr_spell_casting_time_only_show" class="toggle-spells-filter-casting-time-reaction" value="reaction"><span class="toggle-spells-filter-casting-time-reaction">{{'REACTION' | translate}}</span><input type="radio" name="attr_spell_casting_time_only_show" class="toggle-spells-filter-casting-time-bonus" value="bonus"><span class="toggle-spells-filter-casting-time-bonus border-left">{{'BONUS' | translate}}</span><input type="radio" name="attr_spell_casting_time_only_show" class="toggle-spells-filter-casting-time-action" value="action"><span class="toggle-spells-filter-casting-time-action border-left">{{'ACTION' | translate}}</span><input type="radio" name="attr_spell_casting_time_only_show" class="toggle-spells-filter-casting-time-all" value="all" checked><span class="toggle-spells-filter-casting-time-all border-left">{{'ALL' | translate}}</span>

        <span class="spells-filter border-left pad-l-md mar-l-sm">{{'SPELL_CAN_HAVE' | translate}}:</span>
        <input type="checkbox" name="attr_spell_only_show_concentration" class="toggle-spells-filter-concentration" checked><span class="toggle-spells-filter-concentration">{{'CONCENTRATION' | translate}}</span>
        <input type="checkbox" name="attr_spell_only_show_verbal" class="toggle-spells-filter-verbal" checked><span class="toggle-spells-filter-verbal">V</span>
        <input type="checkbox" name="attr_spell_only_show_somatic" class="toggle-spells-filter-somatic" checked><span class="toggle-spells-filter-somatic">S</span>
        <input type="checkbox" name="attr_spell_only_show_material" class="toggle-spells-filter-material" checked><span class="toggle-spells-filter-material">M</span>

        <div class="mar-t-sm"></div>
        <div class="shaped-row">
          <div class="col-50 pad-r-sm">
            <div class="shaped-row">
              <div class="col-35 wrap-box-label light-label pad-r-sm">{{'SPELL' | translate}}</div>
              <div class="col-10 wrap-box-label light-label center pad-r-sm">{{'LEVEL' | translate}}</div>
              <div class="col-36 wrap-box-label light-label pad-r-sm">{{'CASTING_TIME' | translate}}</div>
              <div class="col-15 wrap-box-label light-label">{{'CONC' | translate}}</div>
            </div>
          </div>
          <div class="col-50 pad-l-sm">
            <div class="shaped-row">
              <div class="col-35 wrap-box-label light-label pad-r-sm">{{'SPELL' | translate}}</div>
              <div class="col-10 wrap-box-label light-label center pad-r-sm">{{'LEVEL' | translate}}</div>
              <div class="col-36 wrap-box-label light-label pad-r-sm">{{'CASTING_TIME' | translate}}</div>
              <div class="col-15 wrap-box-label light-label">{{'CONC' | translate}}</div>
            </div>
          </div>
        </div>

        //= include spell.html

        <div class="wrap-box-title center">{{'SPELLS' | translate}}</div>
      </div>
    </div>

    <div class="col-18 spell-slots-points right pad-l-lg">
      //= include spell_slots_points.html
      <div class="spell-sorcery-points mar-b-smd">
        //= include sorceryPoints.html
      </div>
      <div class="spell-warlock-slots mar-b-smd">
        //= include warlockSlots.html
      </div>
      <div class="general-bonuses center mar-b-smd">
        <div class="wrap-box">
          //= include spellcasting_bonuses.html
          <div class="wrap-box-title">{{'BONUSES_AND_PENALTIES' | translate}}</div>
        </div>
      </div>
      <div class="shaped-row center">
        <div class="col-50">
          //= include ../character/defaultAbility.html
        </div>
      </div>
    </div>
  </div>
</div>