pearsonkyle commited on
Commit
6d21b72
·
verified ·
1 Parent(s): a9e6bdc

increase the size of the text input on mobile

Browse files
Files changed (1) hide show
  1. index.html +12 -12
index.html CHANGED
@@ -157,27 +157,27 @@
157
 
158
  @media (max-width: 768px) {
159
  .search-input {
160
- font-size: 18px;
161
- padding: 20px 24px 20px 56px;
162
- min-height: 60px;
163
  }
164
  .search-icon {
165
- font-size: 18px;
166
- left: 20px;
167
  }
168
  .search-clear {
169
- right: 18px;
170
- font-size: 18px;
171
  }
172
- }
173
 
174
  @media (max-width: 480px) {
175
  .search-input {
176
- font-size: 16px;
177
- padding: 18px 20px 18px 52px;
178
- min-height: 56px;
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
  }