cleaned up mobile styling and updated input action component

app/components/common/input-action.vue

@@ -0,0 +1,47 @@
+<script lang="ts" setup>
+const model = defineModel<string>({default: ''});
+
+defineProps<{
+  placeholder: string
+  buttonText: string
+  inputName: string
+}>()
+
+const emit = defineEmits(['action'])
+
+</script>
+
+<template>
+  <div class="form-group">
+    <input v-model="model"
+           :name="inputName"
+           :placeholder="placeholder"
+           type="text">
+    <button @click="emit('action')">{{ buttonText }}</button>
+  </div>
+
+</template>
+
+<style scoped>
+button {
+  background-color: #4caf50;
+  color: white;
+  padding: .5rem 1rem;
+  border: none;
+  border-radius: 0 4px 4px 0;
+}
+
+input {
+  padding: .5rem;
+  border: 1px solid #ccc;
+  border-right: none;
+  border-radius: 4px 0 0 4px;
+  flex: 1;
+}
+
+.form-group {
+  display: flex;
+}
+
+
+</style>