--- 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%;
 }