Fixed placement of upload/retry buttons

src/components/GiftedPhotoDialog.vue

@@ -1,7 +1,7 @@
 <template>
   <div v-if="visible" class="dialog-overlay z-[60]">
     <!-- Breadcrumb -->
-    <div class="dialog">
+    <div class="dialog relative">
       <!-- Back -->
       <div class="text-lg text-center font-light relative z-50">
         <!-- Heading -->
@@ -26,16 +26,18 @@
         <fa icon="spinner" class="fa-spin fa-3x text-center block" />
       </div>
       <div v-else-if="blob">
-        <div class="flex justify-around">
+        <div
+          class="flex justify-center gap-2 absolute bottom-[1rem] left-[1rem] right-[1rem] bg-black/50 px-4 py-2"
+        >
           <button
             @click="uploadImage"
-            class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-2 rounded-full"
+            class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded-full"
           >
             <span>Upload</span>
           </button>
           <button
             @click="retryImage"
-            class="bg-slate-500 hover:bg-slate-700 text-white font-bold py-2 px-2 rounded-full"
+            class="bg-slate-500 hover:bg-slate-700 text-white font-bold py-2 px-4 rounded-full"
           >
             <span>Retry</span>
           </button>