From b87236ea20fa361e1479bde3c4e5d5bd51eb2357 Mon Sep 17 00:00:00 2001
From: dgtlmoon <dgtlmoon@gmail.com>
Date: Thu, 22 Jul 2021 21:39:41 +1000
Subject: [PATCH] Responsive fix for input field on mobile

---
 backend/static/styles/styles.css  | 2 ++
 backend/static/styles/styles.scss | 4 ++++
 2 files changed, 6 insertions(+)

diff --git a/backend/static/styles/styles.css b/backend/static/styles/styles.css
index 52a194d8..60285d35 100644
--- a/backend/static/styles/styles.css
+++ b/backend/static/styles/styles.css
@@ -315,6 +315,8 @@ This query will take effect for any screen smaller than 760px
 and also iPads specifically.
 */
 @media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {
+  input[type='text'] {
+    width: 100%; }
   .watch-table {
     /* Force table to not be like tables anymore */
     /* Force table to not be like tables anymore */
diff --git a/backend/static/styles/styles.scss b/backend/static/styles/styles.scss
index 78565076..559f1311 100644
--- a/backend/static/styles/styles.scss
+++ b/backend/static/styles/styles.scss
@@ -427,6 +427,10 @@ and also iPads specifically.
 */
 @media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {
 
+  input[type='text'] {
+    width: 100%;
+  }
+    
   .watch-table {
     /* Force table to not be like tables anymore */
     thead, tbody, th, td, tr {