Add more differentiating borders to Questions and Answers

[newhinton]

Is your enhancement request related to a problem? Please describe

The current view of a question makes it harder than nessessary to differentiate between the question and it's answers.

Describe the solution you'd like

I'd suggest adding a border to both of them, which creates clear distinctions between each element.

Describe alternatives you've considered

I am currently using this custom css to achieve this:

/* Border for question and answer */
.answer-item ,
.questionDetailPage > div:nth-child(1) > div:nth-child(1){
  border: var(--bs-border-width) solid var(--bs-border-color-translucent);
  padding: 12px;
  border-radius: var(--bs-border-radius);
}

/* add spacing between answers when they have a border */
.answer-item {
    margin-bottom: 1em;
}

/* find accepted answer, and change its border to differentiate */
.answer-item:has(> .mb-3.lh-1) {
    border: green;
    border-width: medium;
    border-style: solid;
}

Screenshot: