From a7be1cf2ef872ce694287a50188032ad4116d378 Mon Sep 17 00:00:00 2001
From: Joost Wooning <jwooning@gmail.com>
Date: Thu, 17 Feb 2022 11:25:49 +0100
Subject: [PATCH] fix messagebyte size on high dpi screens

---
 src/components/MessageBytes.js | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

diff --git a/src/components/MessageBytes.js b/src/components/MessageBytes.js
index aba8dd3..a836585 100644
--- a/src/components/MessageBytes.js
+++ b/src/components/MessageBytes.js
@@ -37,7 +37,7 @@ export default class MessageBytes extends Component {
         rowCount = Math.ceil(DbcUtils.maxMessageSize(this.props.message, this.state.maxMessageBytes) / 8);
       }
       if (this.canvas) {
-        this.canvas.height = rowCount * 15 * window.devicePixelRatio;
+        this.canvas.height = rowCount * 15;
       }
     }
 
@@ -132,16 +132,14 @@ export default class MessageBytes extends Component {
     if (!ref) return;
 
     this.canvas = ref;
-    this.canvas.width = 160 * window.devicePixelRatio;
+    this.canvas.width = 160;
     let rowCount;
     if (this.props.message.frame && this.props.message.frame.size) {
       rowCount = Math.ceil(this.props.message.frame.size / 8);
     } else {
       rowCount = Math.ceil(DbcUtils.maxMessageSize(this.props.message, this.state.maxMessageBytes) / 8);
     }
-    this.canvas.height = rowCount * 15 * window.devicePixelRatio;
-    const ctx = this.canvas.getContext('2d');
-    ctx.scale(window.devicePixelRatio, window.devicePixelRatio);
+    this.canvas.height = rowCount * 15;
   }
 
   render() {