diff --git a/editor.css b/editor.css
index d452af2..0202be8 100644
--- a/editor.css
+++ b/editor.css
@@ -237,7 +237,7 @@ a:active {
   cursor: pointer;
 }
 
-#sidebuttons button:disabled, #filebuttons button:disabled {
+#sidebuttons button:disabled, #filebuttons button:disabled, #filecontent div:disabled {
   border-color: rgba(0, 0, 0, 0.267);
   background: rgba(120, 120, 120, 0.116);
   color: rgba(0, 0, 0, 0.267);
@@ -245,7 +245,7 @@ a:active {
   cursor: not-allowed;
 }
 
-#sidebuttons button:hover, #filebuttons button:hover {
+#sidebuttons button:hover, #filebuttons button:hover, #filecontent div:hover {
   box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.082), 0 2px 10px 0 rgba(0, 0, 0, 0.068);
   transform: scale(1.02);
   /* transition: all 100ms ease-in-out 0ms; */
@@ -253,7 +253,7 @@ a:active {
   /* transition: box-shadow ease-in-out 100ms; */
 }
 
-#sidebuttons button:active, #filebuttons button:active {
+#sidebuttons button:active, #filebuttons button:active, #filecontent div:active {
   background: rgba(105, 105, 105, 0.692);
 }
 
@@ -267,10 +267,10 @@ label {
 }
 
 #filepanel {
-  top: 20%;
-  bottom:20%;
-  left: 20%;
-  right:20%;
+  top: 15%;
+  bottom:15%;
+  left: 15%;
+  right:15%;
   z-index:100;
   overflow: hidden;
   display: none;
@@ -295,17 +295,21 @@ label {
 }
 
 #filecontent div {
-  background-color: red;
   border-radius: 15px;
   position: relative;
   float: left;
-  width: 100px;
-  height: 100px;
+  width: 200px;
+  height: 200px;
   margin: 10 10 10 10;
   text-align: center;
   padding: 10 10 10 10;
+  background-color: rgba(120, 120, 120, 0.555);
   color: white;
-  align-items: baseline;
+  transition: all 100ms ease-in-out 0ms;
+  cursor: pointer;
+  text-align: justify;
+  hyphens: auto;
+  word-wrap: break-word;
 }
 
 #curtain {
diff --git a/editor.js b/editor.js
index 891a61d..0a95280 100644
--- a/editor.js
+++ b/editor.js
@@ -457,8 +457,19 @@ function computeCurvatures() {
 
 
 function prepareWorkflow() {
+  actors = [];
+  viewers = [];
+  viewableByAll = []
+  initiators = []
+  highlightedSources = [];
+  highlightedTargets = [];
+  stateAbbreviations = [];
   stateIdCounter  = workflow.states ? workflow.states.length  : 0;
   actionIdCounter = workflow.states ? workflow.actions.length : 0;
+  Array.from(selectedActor.options).forEach(option => selectedActor.remove(option));
+  Array.from(selectedViewer.options).forEach(option => selectedViewer.remove(option));
+  selectedActor.value = NO_ACTOR;
+  selectedViewer.value = NO_VIEWER;
 
   //Parse workflow