Responsive fix for input field on mobile

This commit is contained in:
dgtlmoon
2021-07-22 21:39:41 +10:00
parent dfbc9bfc53
commit b87236ea20
2 changed files with 6 additions and 0 deletions
+2
View File
@@ -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 */
+4
View File
@@ -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 {