Better styles

annotate-page/sidebar/panel.css

@@ -1,23 +1,32 @@
 html, body {
   height: 100%;
   width: 100%;
-  margin: 1em 0 0 0;
+  margin: 0;
   box-sizing: border-box;
 }
 
 body {
+  height: 90%;
   font: caption;
   background-color: #F4F7F8;
 }
 
 p {
-  margin: 2em;
+  margin: 1em 2em;
 }
 
 #content {
-  width: 80%;
-  height: 80%;
-  margin: 0 2em;
-
-  background-color: white;
+  height: 90%;
+  margin: 2em 2em 0 2em;
+  border: .5em solid #DDE4E9;
+  transition: background-color .2s ease-out;
+}
+
+#content[contenteditable=true] {
+  background-color: white;
+  transition: background-color .2s ease-in;
+}
+
+[contenteditable]:focus {
+  outline: 0px solid transparent;
 }