From 75d22cd84759d87f6dff336cdd74f71e4bfcfa83 Mon Sep 17 00:00:00 2001 From: Dalf Date: Sat, 4 Jan 2014 00:27:40 +0100 Subject: [PATCH] [mod] no glitch on small screen like smartphone --- searx/static/css/style.css | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) diff --git a/searx/static/css/style.css b/searx/static/css/style.css index 0b87444e..b24b97a6 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 } +}