Fix styling of pages using lynx user agent

See #1211

Author: benbusby

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;

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;
 }
 

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;