From fb19bded0d6e2628a1ab2462c809001e2d31f18d Mon Sep 17 00:00:00 2001
From: Ben Busby <contact@benbusby.com>
Date: Wed, 22 Jan 2025 12:00:57 -0700
Subject: [PATCH] Fix styling of pages using lynx user agent

See #1211
---
 app/static/css/dark-theme.css  | 8 ++++----
 app/static/css/light-theme.css | 6 +++---
 app/static/css/search.css      | 6 ++++++
 3 files changed, 13 insertions(+), 7 deletions(-)

diff --git a/app/static/css/dark-theme.css b/app/static/css/dark-theme.css
index eb2af70703..b2f0ff516f 100644
--- a/app/static/css/dark-theme.css
+++ b/app/static/css/dark-theme.css
@@ -32,15 +32,15 @@ textarea {
     color: var(--whoogle-dark-text) !important;
 }
 
-a:visited h3 div {
+a:visited h3 div, a:visited .qXLe6d {
     color: var(--whoogle-dark-result-visited) !important;
 }
 
-a:link h3 div {
+a:link h3 div, a:link .qXLe6d {
     color: var(--whoogle-dark-result-title) !important;
 }
 
-a:link div {
+a:link div, a:link .fYyStc {
     color: var(--whoogle-dark-result-url) !important;
 }
 
@@ -62,7 +62,7 @@ select {
     background-color: var(--whoogle-dark-page-bg) !important;
 }
 
-.ZINbbc {
+.ZINbbc, .ezO2md {
     overflow: hidden;
     box-shadow: 0 0 0 0 !important;
     background-color: var(--whoogle-dark-result-bg) !important;
diff --git a/app/static/css/light-theme.css b/app/static/css/light-theme.css
index 55868c9c98..83643d8d01 100644
--- a/app/static/css/light-theme.css
+++ b/app/static/css/light-theme.css
@@ -75,15 +75,15 @@ select {
 }
 
 
-a:visited h3 div {
+a:visited div, a:visited .qXLe6d {
     color: var(--whoogle-result-visited) !important;
 }
 
-a:link h3 div {
+a:link div, a:link .qXLe6d {
     color: var(--whoogle-result-title) !important;
 }
 
-a:link div {
+a:link div, a:link .fYyStc {
     color: var(--whoogle-result-url) !important;
 }
 
diff --git a/app/static/css/search.css b/app/static/css/search.css
index 3661efb709..075761b07e 100644
--- a/app/static/css/search.css
+++ b/app/static/css/search.css
@@ -7,6 +7,12 @@ body {
     font-size: 16px !important;
 }
 
+.ezO2md {
+    border-radius: 10px;
+    border: 0 !important;
+    box-shadow: 0 3px 5px rgb(0 0 0 / 0.2);
+}
+
 .autocomplete {
     position: relative;
     display: inline-block;