html, body {
height: 100%;
margin: 0;
}
body {
display: flex;
flex-direction: column;
box-sizing: border-box;
padding: 1em;
max-width: 800px;
margin: 0 auto;
row-gap: 0.5em;
}
h1 {
margin-top: 0.2em;
}
.edit-form {
display: flex;
flex-direction: column;
flex-grow: 1;
}
textarea {
flex-grow: 1;
}
.active {
font-weight: bold;
}
.actions {
margin-bottom: 0.2em;
}
.buttons {
margin-top: 0.2em;
display: flex;
}
.buttons button {
margin-right: 0.4em;
}
.buttons input {
flex-grow: 1;
}
.error {
padding: 0.2em;
background-color: #f8d7da;
border: 1px solid #f5c2c7;
}
.note {
padding: 0.2em;
background-color: #fff3cd;
border: 1px solid #ffecb5;
}
.edit-hint {
margin: 0.5em 0;
}
#header {
display: flex;
}
.user-info {
margin-left: auto;
}
label {
display: block;
}
.img-container img {
max-width: 100%;
}
.regular-text {
font-size: inherit;
font-weight: inherit;
}
.rev-list {
list-style: none;
padding-left: 0;
}
.addition { background: #e6ffed; }
.deletion { background: #ffeef0; }
.addition ins {background: #acf2bd; text-decoration: none; }
.deletion del {background: #fdb8c0; text-decoration: none; }