.discussion_container  {
    padding: 0;
    min-width: 30ch;
    /*max-width: 60ch;*/
}

.discussion_container > div {
    margin: 1em;
}

.discussion_container .separator {
    margin: 0;
    height: 2em;
}

.discussion_container .msg_avatar_container {
    margin: 0 1em 0 0;
}
.discussion_container img.avatar {
    height: 41px;
    border-radius: 13%;
}

.discussion_container .msg_container {
    display: flex;
    margin: 0 0 1.5em 0;
    padding: 0 0 0.5em 0;
    border-bottom: 1px solid rgba(0,0,0,0.05);
}
.darkmode .discussion_container .msg_container {
    border-bottom: 1px solid rgba(255,255,255,0.05);
}

.discussion_container .msgContents {
    flex-grow: 1;
}

.discussion_container .msgContents .infos {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    position: relative;
}
.discussion_container .infos p {
    margin: 0;
    white-space: nowrap;
}
.discussion_container .infos .username {
    text-align: left;
    font-weight: bold;
    flex-grow: 1;
    font-size: 1.1em;
    letter-spacing: 0.02em;
    margin-right: 1em;
}
.discussion_container .infos .date {
    text-align: right;
    opacity: 0.5;
    font-size: 0.8em;
}

.discussion_container .msgContents .content {
    margin: 1em 0.2em;
    word-break: break-word;
    opacity: 0.9;
    max-width: 40em;
}

.discussion_container .msg_container .actionButtons {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 8px;
    padding: 0.5em;
    background-color: rgba(255,255,255,0.5);
}
.darkmode .discussion_container .msg_container .actionButtons {
    background-color: rgba(0,0,0,0.5);
}
.discussion_container .msg_container .actionButtons a {
    color: inherit;
    text-decoration: none;
    font-size: 1.2em;
    padding: 0.2em;
}
.discussion_container .msg_container .actionButtons a:hover {
    color: #000000;
}
.darkmode .discussion_container .msg_container .actionButtons a:hover {
    color: #FFFFFF;
}
.discussion_container .msg_container.author:hover .actionButtons {
    display: block;
}







.buttons_container {
    display: flex;
    justify-content: end;
}
.buttons_container > * {
    margin: 1em 0 0 0.5em !important;
    padding: 0.3em 0;
}






form[name="message_changelog"] {
    display: flex;
    flex-direction: column;
    align-items: end;
}
form[name="message_changelog"] > div {
    width: 100%;
}


.discussion_container textarea {
    border: 3px solid rgba(0,0,0,0.1);
    background-color: rgba(255,255,255,0.3);
    width: 100%;
    box-sizing: border-box;
}

.darkmode .discussion_container textarea {
    border: 3px solid rgba(255,255,255,0.1);
    background-color: rgba(0,0,0,0.3);
}