Spaces:
Running
Running
increase the size of the text input on mobile
Browse files- index.html +12 -12
index.html
CHANGED
|
@@ -157,27 +157,27 @@
|
|
| 157 |
|
| 158 |
@media (max-width: 768px) {
|
| 159 |
.search-input {
|
| 160 |
-
font-size:
|
| 161 |
-
padding:
|
| 162 |
-
min-height:
|
| 163 |
}
|
| 164 |
.search-icon {
|
| 165 |
-
font-size:
|
| 166 |
-
left:
|
| 167 |
}
|
| 168 |
.search-clear {
|
| 169 |
-
right:
|
| 170 |
-
font-size:
|
| 171 |
}
|
| 172 |
-
|
| 173 |
|
| 174 |
@media (max-width: 480px) {
|
| 175 |
.search-input {
|
| 176 |
-
font-size:
|
| 177 |
-
padding:
|
| 178 |
-
min-height:
|
| 179 |
}
|
| 180 |
-
|
| 181 |
.search-input::placeholder {
|
| 182 |
color: var(--text-muted);
|
| 183 |
}
|
|
|
|
| 157 |
|
| 158 |
@media (max-width: 768px) {
|
| 159 |
.search-input {
|
| 160 |
+
font-size: 20px;
|
| 161 |
+
padding: 24px 28px 24px 60px;
|
| 162 |
+
min-height: 70px;
|
| 163 |
}
|
| 164 |
.search-icon {
|
| 165 |
+
font-size: 22px;
|
| 166 |
+
left: 22px;
|
| 167 |
}
|
| 168 |
.search-clear {
|
| 169 |
+
right: 22px;
|
| 170 |
+
font-size: 22px;
|
| 171 |
}
|
| 172 |
+
}
|
| 173 |
|
| 174 |
@media (max-width: 480px) {
|
| 175 |
.search-input {
|
| 176 |
+
font-size: 18px;
|
| 177 |
+
padding: 22px 24px 22px 56px;
|
| 178 |
+
min-height: 68px;
|
| 179 |
}
|
| 180 |
+
}
|
| 181 |
.search-input::placeholder {
|
| 182 |
color: var(--text-muted);
|
| 183 |
}
|