fix: spaces

package.json

@@ -1,6 +1,6 @@
 {
   "name": "budget.it",
-  "version": "0.4.0-beta",
+  "version": "0.4.1-beta",
   "description": "Another budget app, but this one is handy",
   "repository": "https://github.com/begprod/budget.it",
   "homepage": "",

src/components/BaseExpensesList/BaseExpensesList.vue

@@ -1,7 +1,7 @@
 <template>
   <BaseDateWrapper v-for="month in months" :key="month.id">
     <template #title>
-      <div class="sticky top-[calc(100%-90px)] flex flex-col text-2xl bg-white select-none z-50">
+      <div class="sticky top-[calc(100%-100px)] flex flex-col text-2xl bg-white select-none z-50">
         <BaseProgressBar
           class="shadow-md"
           :label="`${month.name} – ${countMonthlyExpenses(month.id)}`"

src/components/layouts/BaseLayout/BaseLayout.vue

@@ -1,7 +1,7 @@
 <template>
   <BaseHeader />
 
-  <main class="container flex flex-col mx-auto px-5 pb-5 z-10">
+  <main class="container flex flex-col mx-auto px-5 pb-16 z-10">
     <div class="grow">
       <slot />
     </div>

src/components/layouts/partials/BaseMenuBar/BaseMenuBar.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="fixed right-0 bottom-0 left-0 w-full px-6 py-3 bg-white border-t border-slate-200 z-[100]">
+  <div class="fixed right-0 bottom-0 left-0 w-full px-6 py-5 bg-white border-t border-slate-200 z-[100]">
     <div class="max-w-96 flex justify-around mx-auto">
       <RouterLink to="/">
         <HomeIcon class="w-6 h-6 text-slate-400" />

src/views/SettingsView.vue

@@ -47,7 +47,7 @@
       </div>
     </div>
 
-    <BaseFormBar @submit="submitNewCurrency(newCurrencyInput.value)">
+    <BaseFormBar class="mb-10" @submit="submitNewCurrency(newCurrencyInput.value)">
       <template #input>
         <BaseInput
           id="currency-input"