From 4dc74db8fce4cf2a15d43b9badedc6529419a198 Mon Sep 17 00:00:00 2001
From: z0ccc <z0cccccccc@gmail.com>
Date: Tue, 27 Jul 2021 23:40:26 -0400
Subject: [PATCH] Fixed safari issues

---
 README.md                                | 10 +++-------
 frontend/src/components/HardwareBlock.js |  2 +-
 frontend/src/styles/App.css              |  6 ++----
 3 files changed, 6 insertions(+), 12 deletions(-)

diff --git a/README.md b/README.md
index 4e9d69f..ed8ae19 100644
--- a/README.md
+++ b/README.md
@@ -1,11 +1,7 @@
 # Vytal
 
-Vytal is a browser extension that shows you what trackers see.
+Vytal shows you what traces your browser leaves behind while surfing the web. This scan allows you to understand how easy it is to identify and track your browser even while using private mode.
 
-Browsers reveal bits of identifiable information to websites. This data can be combined into a digital fingerprint which can be used to follow you around the web. Knowing what info is being revealed can help you obscure your fingerprint.
+This application is built with a react frontend and a django backend.
 
-This extension provides data on multiple different ways you are tracked around the web. Such as information on your software settings like browser version and language. As well as hardware specifications like screen resolution and device memory.
-
-Only anonymous data will be collected to improve accuracy of the fingerprint analysis. The extension settings allow this to be turned off so once the extension popup is closed all the data is deleted with it. This ensures complete user privacy.
-
-Vytal contains no ads and signup is not required.
\ No newline at end of file
+Vytal contains no ads and signup is not required.
diff --git a/frontend/src/components/HardwareBlock.js b/frontend/src/components/HardwareBlock.js
index 7c341ad..d05f9ac 100644
--- a/frontend/src/components/HardwareBlock.js
+++ b/frontend/src/components/HardwareBlock.js
@@ -57,7 +57,7 @@ const HardwareBlock = () => {
     {
       key: 'maxTouchpoints',
       title: 'Max touchpoints',
-      value: navigator.maxTouchPoints,
+      value: navigator.maxTouchPoints || 0,
     },
     {
       key: 'webGLVendor',
diff --git a/frontend/src/styles/App.css b/frontend/src/styles/App.css
index d16755c..d194a2c 100644
--- a/frontend/src/styles/App.css
+++ b/frontend/src/styles/App.css
@@ -52,10 +52,8 @@
 }
 
 .logo {
-  display: flex;
   width: 270px;
-  height: auto;
-  margin: 0 0 18px 0;
+  margin: 0 0 14px 0;
 }
 
 .contentBlock {
@@ -231,7 +229,7 @@ input[type='text'] {
 
   .logo {
     width: 185px;
-    margin: 0 0 12px 0;
+    margin: 0 0 8px 0;
   }
 
   h1 {