Two column form

Originally built in: demo account

JAVASCRIPT

if (document.URL.includes("ticket_form_id=706188")) {
customizeGSForm();
} else {
$("#new_request").fadeIn("fast");
}

function customizeGSForm() {
// Move email/subject/description to bottom of form
var email = $(".request_anonymous_requester_email").detach();
var subject = $(".request_subject").detach();
var description = $(".request_description").detach();
$(".form-field").last().before(email);
$(".form-field").last().before(subject);
$(".form-field").last().before(description);

// Group Fields into Flex containers
$(".request_custom_fields_79764567, .request_custom_fields_80162608").wrapAll("<div class='flex-fields details'>");
$(".request_custom_fields_80163348, .request_custom_fields_80163508 ").wrapAll("<div class='flex-fields '>");
$(".request_custom_fields_79766147, .request_custom_fields_80163848").wrapAll("<div class='flex-fields'>");
$(".request_custom_fields_79765727, .request_custom_fields_80164288").wrapAll("<div class='flex-fields specifics'>");

CSS

#new_request {
display: none;
padding: 20px;
background-color: #f3f3f3;
}
#new_request h1 {
color: forestgreen;
border-bottom: solid 1px gray;
}
.flex-fields {
display: flex;
margin-bottom: 15px;
}
.form-field label {
font-weight: bolder;
}
.form-field.string.required.request_custom_fields_79764567 {
flex-grow: 1;
flex-shrink: 1;
margin-right: 20px;
}
.form-field.string.required.request_custom_fields_80162608 {
flex-grow: 1;
flex-shrink: 1;
}
.form-field.string.required.request_custom_fields_80163348 {
flex-grow: 1.1;
flex-shrink: 1;
margin-right: 20px;
}
.form-field.string.optional.request_custom_fields_80163508 {
flex-grow: 1;
flex-shrink: 1;
}
.form-field.string.optional.request_custom_fields_80163528 {
width: 48%;
margin-bottom: 15px;
}
.form-field.string.required.request_custom_fields_79766147 {
flex-grow: 1;
flex-shrink: 1;
margin-right: 25px;
}
.form-field.string.required.request_custom_fields_80163848 {
flex-grow: 1;
flex-shrink: 1;
}
.form-field.string.optional.request_custom_fields_79765727 {
flex-grow: 1;
flex-shrink: 1;
margin-right: 25px;
}
.form-field.string.optional.request_custom_fields_80164288 {
flex-grow: 1;
flex-shrink: 1;
}
.request_custom_fields_80164308 {
width: 48%;
margin-bottom: 15px;
}
.request_anonymous_requester_email, .request_subject {
margin-bottom: 20px;
}