Responsive fix for input field on mobile

3 years ago · b87236ea20
parent dfbc9bfc53
commit b87236ea20
2 changed files with 6 additions and 0 deletions
--- 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 */
--- 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 {