--- a/src_js/iconolab-bundle/src/iconolab.scss	Mon Feb 20 17:14:08 2017 +0100
+++ b/src_js/iconolab-bundle/src/iconolab.scss	Mon Feb 20 17:29:55 2017 +0100
@@ -302,3 +302,40 @@
         padding: 30px 0;
     }
 }
+
+.annotation-navigator {
+    display: flex;
+    margin-bottom: 30px;
+    .annotation-navigator-list {
+        width: 20%;
+        max-height: 600px;
+        overflow: scroll;
+    }
+    .annotation-navigator-canvas {
+        width: 60%;
+        padding: 0 15px;
+    }
+    .annotation-navigator-panel {
+        width: 20%;
+        display: flex;
+        > div, .panel-body {
+            display: flex;
+            flex: 1;
+        }
+        .panel {
+            margin-bottom: 0;
+        }
+        .panel-body {
+            flex-direction: column;
+            justify-content: space-between;
+            > * {
+                flex: 1;
+            }
+            form:last-of-type {
+                display: flex;
+                flex-direction: column;
+                justify-content: flex-end;
+            }
+        }
+    }
+}