diff options
| author | Shpuld Shpludson <shp@cock.li> | 2018-12-18 18:26:14 +0000 |
|---|---|---|
| committer | Shpuld Shpludson <shp@cock.li> | 2018-12-18 18:26:14 +0000 |
| commit | 67c2a607aa960abb23cc6ba3c4014891bb67097d (patch) | |
| tree | 05ff84c240bd66c0086b7c8633513d2246874740 /src/components/user_finder/user_finder.vue | |
| parent | 2f28bf95fdce6a215961fe264c236c111e4a1e66 (diff) | |
Feature/bigger icons for mobile / #211
Diffstat (limited to 'src/components/user_finder/user_finder.vue')
| -rw-r--r-- | src/components/user_finder/user_finder.vue | 5 |
1 files changed, 3 insertions, 2 deletions
diff --git a/src/components/user_finder/user_finder.vue b/src/components/user_finder/user_finder.vue index 9efdfab7..eeb76c35 100644 --- a/src/components/user_finder/user_finder.vue +++ b/src/components/user_finder/user_finder.vue @@ -7,7 +7,7 @@ <button class="btn search-button" @click="findUser(username)"> <i class="icon-search"/> </button> - <i class="icon-cancel user-finder-icon" @click.prevent.stop="toggleHidden"/> + <i class="button-icon icon-cancel user-finder-icon" @click.prevent.stop="toggleHidden"/> </template> </div> </template> @@ -29,7 +29,8 @@ height: 29px; } .user-finder-input { - max-width: 80%; + // TODO: do this properly without a rough guesstimate of 2 icons + paddings + max-width: calc(100% - 30px - 30px - 20px); } .search-button { |