diff -r 6c920486de81 -r 97106bacb24e client/src/App.scss --- a/client/src/App.scss Wed Jun 14 16:08:31 2017 +0200 +++ b/client/src/App.scss Wed Jun 14 18:23:18 2017 +0200 @@ -4,11 +4,6 @@ text-align: center; } -#root { - height: 100%; - padding-bottom: 270px; -} - .App-logo { animation: App-logo-spin infinite 20s linear; height: 80px; @@ -72,11 +67,36 @@ } } -.editor-wrapper { - border: 1px solid #efefef; - padding: 20px; +.editor { + display: flex; + margin-bottom: 10px; + &-left { + width: 66.6666%; + border: 1px solid #efefef; + padding: 20px; + } + &-right { + width: 33.3333%; + padding-left: 20px; + .form-control { + height: 100%; + } + } } +.session-container { + position: absolute; + top: 71px; + bottom: 0; + left: 0; + right: 0; + display: flex; + flex-direction: column; + justify-content: flex-end; + .session-notes { + overflow-y: auto; + } +} @keyframes App-logo-spin { from { transform: rotate(0deg); } @@ -120,15 +140,10 @@ background-color: yellow; text-decoration-line: underline; text-decoration-style: dotted; - } .editor-fixed { border-top: 1px solid #efefef; background-color: #fff; padding: 20px 0; - position: fixed; - height: 270px; - bottom: 0; - width: 100%; }