dev

Note: After publishing, you may have to bypass your browser's cache to see the changes.

.faq {
    margin-bottom: 20px;
}
 
.faq .question, .faq .answer {
    background-color: white;
    border: 2px solid grey;
    padding: 5px 10px;
    border-radius: 5px;
    color: #999;
    font-family: Arial;
    margin-bottom: 5px;
}
 
.faq .question:before {
    content: '?';
    font-size: 2em;
    vertical-align: middle;
    margin-right: 20px;
    line-height: 1.2em;
}
 
.faq .question {
    font-weight: bold;
}
 
.faq .answer {
    margin-left: 40px;
}

.faq:not(:target) .answer {
	display: none;
}
 
.faq .answer hr {
    margin-bottom: 2px;
}
 
.faq .answer .related {
    margin: 0;
}
 
.faq .answer .related li {
    list-style-type: none;
    display: inline;
    font-size: smaller;
}
 
.faq .answer .related li:not(:last-child):after {
    content: ',\00a0';
}
 
.faq .question .js-edit-question,
.faq .question .js-delete-question,
.faq .question .js-link-question {
    float: right;
    height: 20px;
    vertical-align: middle;
    display: inline-block;
    margin-top: 5px;
    cursor: pointer;
}
 
#faqModal form {
    display: flex;
}
 
#faqModal form > div > * {
    display: block;
}
 
#faqModal form > div:first-of-type {
    flex-grow: 1;
}
 
#faqModal form > div:last-of-type {
    flex-grow: 3;
}