.App {
    margin-top: 1em;
    display: flex;
    margin-bottom: 1em;
}

.App-topButtons {
    margin-bottom: 0.5em;
    display: flex;
    justify-content: center;
}

.App-gutter {
    flex-grow: 1;
}

.App-mainView { }

.App {
    margin-top: 1em;
    display: flex;
    margin-bottom: 1em;
}

.App-topButtons {
    margin-bottom: 0.5em;
    display: flex;
    justify-content: center;
}

.App-gutter {
    flex-grow: 1;
}

.App-mainView {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    margin-left: 1.5em;
    margin-right: 1.5em;
}

Add margins to the message line without wrapping the content
Add margins to the message line without wrapping the content
