From d3d4e25027b6e07dc35685119f22a888c011e650 Mon Sep 17 00:00:00 2001
From: Maxim Devaev <mdevaev@gmail.com>
Date: Tue, 6 Dec 2022 15:09:32 +0300
Subject: [PATCH] Fixed pikvm/pikvm#877: Handling up/down mouse buttons

---
 web/kvm/index.html        |  7 +++++++
 web/kvm/window-stream.pug | 11 +++++++++++
 2 files changed, 18 insertions(+)

diff --git a/web/kvm/index.html b/web/kvm/index.html
index 48947c58..afc51b42 100644
--- a/web/kvm/index.html
+++ b/web/kvm/index.html
@@ -797,6 +797,13 @@
             <div class="key wide-3 right rounded-right" data-code="right">
               <div class="label">Right</div>
             </div>
+            <div class="empty" style="width:30px"></div>
+            <div class="key small rounded-left" data-code="up">
+              <div class="label">Up</div>
+            </div>
+            <div class="key small rounded-right" data-code="down">
+              <div class="label">Down</div>
+            </div>
           </div>
         </div>
       </div>
diff --git a/web/kvm/window-stream.pug b/web/kvm/window-stream.pug
index afafd765..7f48c26c 100644
--- a/web/kvm/window-stream.pug
+++ b/web/kvm/window-stream.pug
@@ -25,13 +25,24 @@ div(id="stream-window" class="window window-resizable")
 					div(class="label") Left
 				div(data-code="left" class="modifier left small rounded-right")
 					div(class="label") #[b &bull;]#[br]Hold
+
 				div(class="empty" style="width:15px")
+
 				div(data-code="middle" class="key wide-1 left rounded-left")
 					div(class="label") Mid
 				div(data-code="middle" class="modifier left small rounded-right")
 					div(class="label") #[b &bull;]#[br]Hold
+
 				div(class="empty" style="width:15px")
+
 				div(data-code="right" class="modifier right small rounded-left")
 					div(class="label") #[b &bull;]#[br]Hold
 				div(data-code="right" class="key wide-3 right rounded-right")
 					div(class="label") Right
+
+				div(class="empty" style="width:30px")
+
+				div(data-code="up" class="key small rounded-left")
+					div(class="label") Up
+				div(data-code="down" class="key small rounded-right")
+					div(class="label") Down