modify style

src/components/desktop/AmountInput.vue

@@ -8,7 +8,7 @@
                   :rules="enableRules ? rules : []" v-model="currentValue"
                   @keydown="onKeyUpDown" @keyup="onKeyUpDown">
         <template #prepend-inner v-if="currency && prependText">
-            <div style="margin-top: 2px">{{ prependText }}</div>
+            <div>{{ prependText }}</div>
         </template>
         <template #append-inner v-if="currency && appendText">
             <div class="text-no-wrap">{{ appendText }}</div>
@@ -71,6 +71,10 @@ export default {
                 finalClass += ` text-${this.color}`;
             }
 
+            if (this.currency && this.prependText) {
+                finalClass += ` has-pretend-text`;
+            }
+
             return finalClass;
         },
         prependText() {
@@ -168,3 +172,9 @@ export default {
     }
 }
 </script>
+
+<style>
+.text-field-with-colored-label.has-pretend-text .v-field__input {
+    padding-left: 0.5rem;
+}
+</style>

src/components/desktop/ConfirmDialog.vue

@@ -4,8 +4,8 @@
             <v-toolbar :color="finalColor">
                 <v-toolbar-title>{{ titleContent }}</v-toolbar-title>
             </v-toolbar>
-            <v-card-text v-if="textContent" class="pa-4">{{ textContent }}</v-card-text>
-            <v-card-actions>
+            <v-card-text v-if="textContent" class="pa-4 pb-6">{{ textContent }}</v-card-text>
+            <v-card-actions class="px-4 pb-4">
                 <v-spacer></v-spacer>
                 <v-btn color="gray" @click="cancel">{{ $t('Cancel') }}</v-btn>
                 <v-btn :color="finalColor" @click="confirm">{{ $t('OK') }}</v-btn>

src/components/desktop/DateRangeSelectionDialog.vue

@@ -3,7 +3,7 @@
         <v-card class="pa-2 pa-sm-4 pa-md-4">
             <template #title>
                 <div class="d-flex align-center justify-center">
-                    <h5 class="text-h5">{{ title }}</h5>
+                    <h4 class="text-h4">{{ title }}</h4>
                 </div>
             </template>
             <template #subtitle>

src/components/desktop/SwitchToMobileDialog.vue

@@ -3,11 +3,11 @@
         <v-card class="pa-2 pa-sm-4 pa-md-4">
             <template #title>
                 <div class="d-flex align-center justify-center">
-                    <h5 class="text-h5">{{ $t('Use on Mobile Device') }}</h5>
+                    <h4 class="text-h4">{{ $t('Use on Mobile Device') }}</h4>
                 </div>
             </template>
             <template #subtitle>
-                <div class="text-body-1 text-center text-wrap mt-6">{{ $t('You can scan the below QR code on your mobile device.') }}</div>
+                <div class="text-body-1 text-center text-wrap mt-4">{{ $t('You can scan the below QR code on your mobile device.') }}</div>
             </template>
             <v-card-text class="mb-md-4">
                 <v-row>