.page .page-center { background-color: white; min-height: 100px; box-shadow: rgba(0, 0, 0, 0.1098039216) 0 0px 5px; margin-top: 2rem; padding: 1rem; box-sizing: border-box; width: 1080px; max-width: 1080px; flex-direction: column; border-radius: 5px; } .page .page-center .page-title { text-align: center; font-size: 1.5rem; } .page .page-center .info-container { display: flex; flex-direction: column; margin-bottom: 1rem; } .page .page-center .info-container input { width: 100%; padding: 0.5rem; box-sizing: border-box; background-color: rgb(245, 245, 245); border: 1px solid gray; border-radius: 5px; } .page .page-center .info-container textarea { padding: 0.5rem; box-sizing: border-box; max-width: 100%; min-width: 100%; min-height: 5rem; background-color: rgb(245, 245, 245); border: 1px solid gray; } .page .page-center .side-by-side-info { display: flex; flex-direction: row; } .page .page-center .side-by-side-info input { margin: 0 0.25rem; } .page .page-center .side-by-side-info .button { padding: 0.5rem; box-sizing: border-box; margin: auto; } .rich-text-editor .controls { width: 100%; min-height: 10px; background-color: #dbd8d8; display: flex; flex-direction: row; } .rich-text-editor .controls a { box-sizing: border-box; margin: 0.1rem; cursor: pointer; background-color: #dbd8d8; display: flex; flex-direction: row; width: 2rem; height: 2rem; } .rich-text-editor .controls a span { margin: auto; } .rich-text-editor .controls a:hover, .rich-text-editor .controls a:focus { filter: brightness(80%); } .rich-text-editor .controls .left { margin: 0 auto 0 0; height: 100%; display: flex; flex-direction: row; } .rich-text-editor .controls .right { margin: 0 0 0 auto; display: flex; flex-direction: row; } .rich-text-editor .controls .right a { padding: 2px; box-sizing: border-box; display: flex; flex-direction: row; } .rich-text-editor .controls .right a img { height: 20px; margin: auto; } .rich-text-editor textarea { border-radius: 0 0 5px 5px; }