filter input search responsive fixed (mobile)

diff --git a/inc/awesomplete.css b/inc/awesomplete.css
index 76f903f7d57fff429f32ebf1974f266109604805..a7a8bc77489adbcb55aa11d59d5a16ba24beba67 100644 (file)
--- 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 fcd5c6a2b436944ee74f31a9f19019eb51b41873..fe959646bd082884bc075465c8f2ef831d678ce1 100644 (file)
--- 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;
     }