From 55351c192b6a1d6f0243e1b0f35f1c3df0e2b532 Mon Sep 17 00:00:00 2001
From: Levin Herr <github@17d.me>
Date: Sat, 20 Apr 2024 16:16:47 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=9A=B8=20Prevent=20auto-zoom=20on=20mobil?=
 =?UTF-8?q?e=20(#2511)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 resources/sass/app.scss                          |  4 ++++
 resources/vue/components/CheckinInterface.vue    | 12 ++++--------
 resources/vue/components/StationAutocomplete.vue |  4 ++--
 3 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/resources/sass/app.scss b/resources/sass/app.scss
index 277afbd36..898dae720 100644
--- a/resources/sass/app.scss
+++ b/resources/sass/app.scss
@@ -100,3 +100,7 @@ body {
         font-size: map-get($font-sizes, 2);
     }
 }
+
+.mobile-input-fs-16 {
+    font-size: 16px;
+}
diff --git a/resources/vue/components/CheckinInterface.vue b/resources/vue/components/CheckinInterface.vue
index 253340bb5..97c436cbb 100644
--- a/resources/vue/components/CheckinInterface.vue
+++ b/resources/vue/components/CheckinInterface.vue
@@ -127,7 +127,7 @@ export default {
             <textarea
                 name="body"
                 id="message-text"
-                class="form-control"
+                class="form-control mobile-input-fs-16"
                 v-model="statusText"
                 :maxlength="allowedChars"
                 style="min-height: 130px;">
@@ -141,7 +141,7 @@ export default {
         <div class="mt-2">
             <div class="col-auto btn-group me-1" :class="{'d-none' : profileStore.getMastodon == null}" >
                 <input type="checkbox" class="btn-check" autocomplete="off" v-model="toot" autocompleted="" id="toot_check" :disabled="visibility === 3">
-                <label class="btn btn-sm btn-outline-mastodon" for="toot_check" style="">
+                <label class="btn btn-sm btn-outline-mastodon" for="toot_check">
                     <i class="fab fa-mastodon"></i>
                     <span class="visually-hidden-focusable">{{ trans("stationboard.check-toot") }}</span>
                 </label>
@@ -171,10 +171,10 @@ export default {
             <div class="col btn-group me-1">
                 <button class="btn btn-sm btn-outline-primary dropdown-toggle" type="button"
                         id="visibilityDropdownButton" data-mdb-dropdown-animation="off"
-                        data-mdb-toggle="dropdown" aria-expanded="false" style="">
+                        data-mdb-toggle="dropdown" aria-expanded="false">
                     <i :class="visibilityIcon" aria-hidden="true"></i>
                 </button>
-                <ul class="dropdown-menu" aria-labelledby="visibilityDropdownButton" style="">
+                <ul class="dropdown-menu" aria-labelledby="visibilityDropdownButton">
                     <li class="dropdown-item" @click="visibility = 0">
                         <i class="fa fa-globe-americas" aria-hidden="true"></i> {{ trans("status.visibility.0") }}
                         <br>
@@ -211,7 +211,3 @@ export default {
             </button>
         </div>
 </template>
-
-<style scoped lang="scss">
-
-</style>
diff --git a/resources/vue/components/StationAutocomplete.vue b/resources/vue/components/StationAutocomplete.vue
index 59a6ad0a6..342911799 100644
--- a/resources/vue/components/StationAutocomplete.vue
+++ b/resources/vue/components/StationAutocomplete.vue
@@ -150,7 +150,7 @@ export default {
 <template>
     <FullScreenModal ref="modal">
         <template #header>
-            <input type="text" name="station" class="form-control"
+            <input type="text" name="station" class="form-control mobile-input-fs-16"
                    :placeholder="placeholder"
                    v-model="stationInput"
                    @keyup.enter="setStationFromText"
@@ -185,7 +185,7 @@ export default {
         <div class="card-body">
             <div id="station-autocomplete-container" style="z-index: 3;">
                 <div class="input-group mb-2 mr-sm-2">
-                    <input type="text" name="station" class="form-control"
+                    <input type="text" name="station" class="form-control mobile-input-fs-16"
                            :placeholder="placeholder"
                            v-model="stationInput"
                            @focusin="showModal"