From c1eade0fd83e802f4615bdf00609cd947fd7cc02 Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Sat, 11 Feb 2023 17:58:12 +0800
Subject: [PATCH] Stupid mobile safari doesn't apply radius to outlines

---
 src/pages/search.css | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/pages/search.css b/src/pages/search.css
index 3580eb90..9d7f13b5 100644
--- a/src/pages/search.css
+++ b/src/pages/search.css
@@ -4,10 +4,12 @@
   border: 0;
   border-radius: 999px;
   background-color: var(--bg-faded-color);
+  border: 2px solid transparent;
 }
 #search-page header input:focus {
+  outline: 0;
   background-color: var(--bg-color);
-  outline: 2px solid var(--link-color);
+  border-color: var(--link-color);
 }
 
 #search-page ul.accounts-list {