Improve action logger style

PathwayCommons · Apr 12, 2018 · eeff7d4 · eeff7d4
1 parent ee5c71b
commit eeff7d4
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 4 deletions.
diff --git a/src/client/components/action-logger/index.js b/src/client/components/action-logger/index.js
@@ -163,16 +163,16 @@ class ActionLogger extends DirtyComponent {
     if (this.state.open) {
       content = h('div.action-logger', [
         h('div.close-menu', { onClick: () => this.setState({open: !this.state.open}) }, '--'),
+        h('div.action-logger-title', 'ACTION HISTORY'),
         h('div.action-section', [
-          h('div.action-logger-title', 'ACTION HISTORY'),
           h('ul', history)
         ]),
+        h('div.action-logger-title', 'TODO'),
         h('div.action-section', [
-          h('div.action-logger-title', 'TODO'),
           h('ul', todos)
         ]),
+        h('div.action-logger-title', 'GUIDE'),
         h('div.action-section', [
-          h('div.action-logger-title', 'GUIDE'),
           h('ul', [
             h('li', 'click + to create a new entity'),
             h('li', 'click -> to create an interaction between two entities'),

diff --git a/src/styles/action-logger/action-logger.css b/src/styles/action-logger/action-logger.css
@@ -35,10 +35,14 @@
 
 .action-section {
   padding: 0 10px 10px;
+  height: 20%;
+  margin-bottom: 50px;
+  overflow: scroll;
 }
 
 .action-logger-title {
   font-size: 2em;
+  margin-bottom: 10px;
 }
 
 .close-menu {

diff --git a/src/styles/editor/editor.css b/src/styles/editor/editor.css
@@ -54,7 +54,7 @@
   left: 0;
   top: 3em;
   width: 100%;
-  height: 100%;
+  height: calc(100% - 3em);
 }
 
 .editor-menu-content {