GUACAMOLE-55: Switch to a content-editable div for the clipboard (rather than a textarea).

guacamole/src/main/webapp/app/clipboard/styles/clipboard.css

@@ -17,8 +17,7 @@
  * under the License.
  */
 
-.clipboard .image-clipboard,
-.clipboard .text-clipboard textarea {
+.clipboard  {
     position: relative;
     border: 1px solid #AAA;
     -moz-border-radius: 0.25em;
@@ -26,16 +25,11 @@
     -khtml-border-radius: 0.25em;
     border-radius: 0.25em;
     background: white;
-}
-
-.clipboard .text-clipboard textarea {
     width: 100%;
+    height: 2in;
     white-space: pre;
-}
-
-.clipboard .image-clipboard {
-    text-align: center;
-    padding: 1em;
+    overflow: auto;
+    padding: 0.25em;
 }
 
 .clipboard .image-clipboard .reset-button {
@@ -46,9 +40,11 @@
     min-width: 0;
 }
 
-.clipboard .image-clipboard img {
+.clipboard img {
     max-width: 100%;
-    max-height: 480px;
+    max-height: 100%;
+    display: block;
+    margin: 0 auto;
     border: 1px solid black;
     background: url('images/checker.png');
 }