Reduce the size of the filter box for smaller screen

3 files changed, 16 insertions, 2 deletions

diff --git a/assets/css/app.css b/assets/css/app.css
index e15e7c72..922606cd 100644
--- a/assets/css/app.css
+++ b/assets/css/app.css
@@ -1523,6 +1523,10 @@ span.task-board-date-overdue {
         margin-top: 10px;
         display: block;
     }
+
+    .page-header .form-input-large {
+        width: 300px;
+    }
 }
 
 @media only screen and (max-width: 1024px) and (orientation: landscape) {
@@ -1542,6 +1546,10 @@ span.task-board-date-overdue {
     input[type="text"] {
         height: 18px;
     }
+
+    .page-header .form-input-large {
+        width: 300px;
+    }
 }
 
 @media only screen and (max-width: 640px) {
@@ -1691,4 +1699,3 @@ form.search {
 div.search {
     margin-bottom: 20px;
 }
-
diff --git a/assets/css/src/filters.css b/assets/css/src/filters.css
index 59e39696..095313d2 100644
--- a/assets/css/src/filters.css
+++ b/assets/css/src/filters.css
@@ -55,4 +55,3 @@ form.search {
 div.search {
     margin-bottom: 20px;
 }
-
diff --git a/assets/css/src/responsive.css b/assets/css/src/responsive.css
index f6338ed8..46ef8da4 100644
--- a/assets/css/src/responsive.css
+++ b/assets/css/src/responsive.css
@@ -35,6 +35,10 @@
         margin-top: 10px;
         display: block;
     }
+
+    .page-header .form-input-large {
+        width: 300px;
+    }
 }
 
 @media only screen and (max-width: 1024px) and (orientation: landscape) {
@@ -54,6 +58,10 @@
     input[type="text"] {
         height: 18px;
     }
+
+    .page-header .form-input-large {
+        width: 300px;
+    }
 }
 
 @media only screen and (max-width: 640px) {