filter input search responsive fixed (mobile)

2 files changed, 8 insertions, 2 deletions

diff --git a/inc/awesomplete.css b/inc/awesomplete.css
index 76f903f7..a7a8bc77 100644
--- a/inc/awesomplete.css
+++ b/inc/awesomplete.css
@@ -94,4 +94,5 @@ div.awesomplete li:hover mark {
 div.awesomplete li[aria-selected="true"] mark {
     background: hsl(86, 102%, 21%);
     color: inherit;
-}
\ No newline at end of file
+}
+
diff --git a/inc/shaarli.css b/inc/shaarli.css
index fcd5c6a2..fe959646 100644
--- a/inc/shaarli.css
+++ b/inc/shaarli.css
@@ -222,7 +222,7 @@ h1 {
 }
 
 .tagfilter div.awesomplete {
-    width: inherit;
+    width: 20%;
 }
 
 .tagfilter #tagfilter_value {
@@ -976,6 +976,11 @@ div.dailyNoEntry {
 
 @media handheld, only screen and (max-width: 480px), only screen and (max-device-width: 854px) {
     /* A few fixes for mobile devices (far from perfect). */
+
+    .tagfilter div.awesomplete {
+        width: 70%;
+    }
+
     .nomobile {
         display: none;
     }