[mod] no glitch on small screen like smartphone

1 files changed, 7 insertions, 1 deletions

diff --git a/searx/static/css/style.css b/searx/static/css/style.css
index 0b87444e9..b24b97a68 100644
--- a/searx/static/css/style.css
+++ b/searx/static/css/style.css
@@ -75,7 +75,7 @@ a { text-decoration: none; }
 .result h3 { font-size: 0.9em;}
 .result { max-width: 70em; }
 
-.url { font-weight: bold; }
+.url { font-weight: bold; word-wrap:break-word; }
 
 .q { width: 30em; }
 
@@ -140,3 +140,9 @@ tr:hover td { background: #DDDDDD; }
 #suggestions { max-width: 50em;}
 #suggestions form { display: inline; }
 #suggestions input { padding: 2px 6px; margin: 2px 4px;  font-size: 0.8em; display: inline-block; background: #E4E4E4; border-radius: 4px; border: 0; cursor: pointer; }
+
+@media screen and (max-width: 740px) {
+  .right { margin: 5px; } 
+
+  #search_wrapper { max-width: 90%; clear:both }
+}