From a200aded4f0fc2580e11516d6ef1c4c6d15c379e Mon Sep 17 00:00:00 2001
From: Richard Klafter <richard@zinc.com>
Date: Mon, 22 May 2017 16:32:26 -0700
Subject: [PATCH] better vnc viewer page

---
 vnc_auto.html | 20 ++++++++++++++------
 1 file changed, 14 insertions(+), 6 deletions(-)

diff --git a/vnc_auto.html b/vnc_auto.html
index 9c59c47a..7999ba24 100644
--- a/vnc_auto.html
+++ b/vnc_auto.html
@@ -69,15 +69,18 @@
                             </div></td>
                 </tr></table>
             </div>
-            <div>
-                <div id="vnc-input" tabindex="-1" style="display:inline-block; float:left; margin:10px;">
-                    <canvas id="noVNC_canvas" width="640px" height="20px" style="position:inherit;">
+            <div style="display: flex;">
+                <div id="vnc-input" tabindex="-1" style="margin:10px; width:1280px; height:800px; background-color:black; overflow:visible;">
+                    <canvas id="noVNC_canvas">
                         Canvas not supported.
                     </canvas>
                 </div>
-                <div style="width:20%; display:inline-block; float:left; margin:10px;">
-                    <h3 style="color:white; margin:10px;">Remote Clipboard</h3>
-                    <textarea id="copyBox" style="height:752px;width:98%;overflow:scroll;"></textarea>
+                <div style="margin:10px; flex: 1; display: flex; align-self:stretch; flex-direction: column;">
+                    <h3 style="color:white; margin-top:0px; margin-bottom:5px;">Remote Clipboard</h3>
+                    <p id="use-yakpal" style="color:white; font-size:14px; margin-top:1px; margin-bottom:1px;">Make copy &amp; paste better by installing
+                        <a style="color:white;" href="https://chrome.google.com/webstore/detail/yakpal/gcjaibancpkbofjlkgihljhdheaokifb?hl=en">YakPal</a>
+                    </p>
+                    <textarea id="copyBox" style="width:100%;overflow:scroll;flex:1;"></textarea>
                 </div>
             </div>
 
@@ -215,6 +218,11 @@
 
             setInterval(function(){
                 if(!window.yakpal || !window.yakpal.getClipboard) return;
+                //hide use-yakpal if they have it
+                try{
+                    document.getElementById('use-yakpal').style.display = 'none';
+                } catch(e){ console.log(e); }
+                //update clipboard
                 window.yakpal.getClipboard().then((result)=>{
                     if(result !== lastClipboard){
                         $D('copyBox').value = result;