Nivelar colunas da ficha de RPG

Detalhes da questão

Descrição

Boa tarde.

Eu estou precisando de ajuda com os campos da ficha de rpg do meu fórum. Eu dividi os campos em duas colunas, mas a segunda coluna sempre começa mais abaixo, conforme imagem abaixo:



Tem como nivelar ambas?

Grata desde já.

Código:

#cp-main .column1,
#cp-main .column2 {
  clear: none;
  margin-bottom: 15px;
}

Código:

/* global jQuery */
 
(function($) {
  'use strict';
 
  if (!/^\/u\d+rpg$/g.test(location.pathname)) {
    return;
  }

  $(function() {
    $('<style>', { html: [
      '.details {',
      '  overflow: hidden;',
      '  margin-bottom: 15px',
      '}'
    ].join('\n') }).appendTo('head');
 
    var $panel = $('#cp-main .panel');
    var $left = $panel.find('.column1');
    var $right = $panel.find('.column2');
 
    $('<div>', { id: 'fa-rpg-left', class: 'column1' })
      .insertBefore($left.eq(0));
 
    $('<div>', { id: 'fa-rpg-right', class: 'column2' })
      .insertBefore($right.eq(0));
 
    $left
      .find('.details')
      .appendTo('#fa-rpg-left');
 
    $left.remove();
 
    $right
      .find('.details')
      .appendTo('#fa-rpg-right');
 
    $right.remove();
  });
}(jQuery));