From a3fa0b0807745acd3334e39025f6fa4eb4d2c84f Mon Sep 17 00:00:00 2001
From: Paul <paulmakles@gmail.com>
Date: Thu, 8 Jul 2021 14:19:54 +0100
Subject: [PATCH] Update certain logos and re-do mask.

---
 src/components/ui/Masks.tsx                |  2 +-
 src/pages/settings/panes/Panes.module.scss | 15 ---------------
 src/pages/settings/panes/Sessions.tsx      | 17 ++++-------------
 3 files changed, 5 insertions(+), 29 deletions(-)

diff --git a/src/components/ui/Masks.tsx b/src/components/ui/Masks.tsx
index 26493e34..54fe74a6 100644
--- a/src/components/ui/Masks.tsx
+++ b/src/components/ui/Masks.tsx
@@ -14,7 +14,7 @@ export default function Masks() {
                 </mask>
                 <mask id="session">
                     <rect x="0" y="0" width="32" height="32" fill="white" />
-                    <circle cx="26" cy="30" r="12" fill={"black"} />
+                    <circle cx="26" cy="28" r="10" fill={"black"} />
                 </mask>
                 <mask id="overlap">
                     <rect x="0" y="0" width="32" height="32" fill="white" />
diff --git a/src/pages/settings/panes/Panes.module.scss b/src/pages/settings/panes/Panes.module.scss
index 95a57cb1..15ae4847 100644
--- a/src/pages/settings/panes/Panes.module.scss
+++ b/src/pages/settings/panes/Panes.module.scss
@@ -373,21 +373,6 @@
             }
         }
 
-        .icon {
-            gap: 8px;
-            display: flex;
-            /*padding-right: 12px;*/
-            align-items: center;
-
-            svg {
-                height: 42px;
-            }
-
-            div svg {
-                height: 24px;
-            }
-        }
-
         .label {
             margin-bottom: 8px;
             color: var(--primary-text);
diff --git a/src/pages/settings/panes/Sessions.tsx b/src/pages/settings/panes/Sessions.tsx
index 999e78d8..c2b1f162 100644
--- a/src/pages/settings/panes/Sessions.tsx
+++ b/src/pages/settings/panes/Sessions.tsx
@@ -1,21 +1,12 @@
 import { HelpCircle } from "@styled-icons/boxicons-regular";
-import {
-    Android,
-    Firefoxbrowser,
-    Googlechrome,
-    Ios,
-    Linux,
-    Macos,
-    Microsoftedge,
-    Safari,
-    Windows,
-} from "@styled-icons/simple-icons";
 import relativeTime from "dayjs/plugin/relativeTime";
 import { useHistory } from "react-router-dom";
 import { decodeTime } from "ulid";
 
 import styles from "./Panes.module.scss";
 import { Text } from "preact-i18n";
+import { Safari, Firefoxbrowser, Microsoftedge, Linux, Macos } from "@styled-icons/simple-icons";
+import { Chrome, Android, Apple, Windows } from "@styled-icons/boxicons-logos";
 import { useContext, useEffect, useState } from "preact/hooks";
 
 import { dayjs } from "../../../context/Locale";
@@ -68,7 +59,7 @@ export function Sessions() {
             case /firefox/i.test(name):
                 return <Firefoxbrowser size={32} />;
             case /chrome/i.test(name):
-                return <Googlechrome size={32} />;
+                return <Chrome size={32} />;
             case /safari/i.test(name):
                 return <Safari size={32} />;
             case /edge/i.test(name):
@@ -88,7 +79,7 @@ export function Sessions() {
             case /mac.*os/i.test(name):
                 return <Macos size={14} />;
             case /ios/i.test(name):
-                return <Ios size={14} />;
+                return <Apple size={14} />;
             case /windows/i.test(name):
                 return <Windows size={14} />;
             default: