From 7f9ad9b9a1b609bf0179c0b8b13ad3e442c99381 Mon Sep 17 00:00:00 2001
From: Will Scullin <scullin@scullinsteel.com>
Date: Mon, 7 Sep 2020 16:55:10 -0700
Subject: [PATCH] Fix Firefox key borders

---
 css/apple2.css | 18 +++++++++++++++---
 1 file changed, 15 insertions(+), 3 deletions(-)

diff --git a/css/apple2.css b/css/apple2.css
index f398ba8..b8e1192 100644
--- a/css/apple2.css
+++ b/css/apple2.css
@@ -415,14 +415,22 @@ button:focus {
     color: white;
     text-align: center;
     position: relative;
-    border: 5px outset #66594E;
+    border-left: 5px solid #65594D;
+    border-top: 5px solid #65594D;
+    border-right: 5px solid #110E0D;
+    border-bottom: 5px solid #110E0D;
+    /* border: 5px outset #66594E; */
     border-radius: 5px;
     cursor: pointer;
 }
 
 #keyboard .pressed {
     background-color: #22150A;
-    border: 5px outset #44372C;
+    border-left: 5px solid #44372C;
+    border-top: 5px solid #44372C;
+    border-right: 5px solid #000000;
+    border-bottom: 5px solid #000000;
+    /* border: 5px outset #44372C; */
 }
 
 #keyboard .key div {
@@ -570,7 +578,11 @@ button:focus {
 
 #reset {
     background: #44372C;
-    border: 3px outset #66594E;
+    border-left: 3px solid #65594D;
+    border-top: 3px solid #65594D;
+    border-right: 3px solid #110E0D;
+    border-bottom: 3px solid #110E0D;
+    /* border: 5px outset #66594E; */
     border-radius: 3px;
     color: white;
     font: 9px Helvetica;