[style] fix the button footer style

static/src/components/PageFooter.vue

@@ -1,8 +1,8 @@
 <template>
   <!-- style 'z-index: 1001' here is needed to avoid override from leafletjs css -->
-  <footer class="fixed bottom-0 w-full bg-gray-200 pl-4 pr-2 font-light text-xs" style="z-index: 9999;" v-if="showFooterRef">
-    <div class="relative flex items-center h-4">
-      <div class="w-full">
+  <footer class="fixed bottom-0 w-full pl-4 font-light text-xs" style="z-index: 9999;" v-if="showFooterRef">
+    <div class="relative flex items-center bg-gray-200 h-6">
+      <div class="pl-1 w-full">
         <p class="">
           <span>Trouble on scrolling this page? Open the
           <PageFooterHyperlink path="https://aletrn-samgis.hf.space">direct URL space</PageFooterHyperlink>
@@ -14,7 +14,7 @@
           </span>
         </p>
       </div>
-      <div class="p-10">
+      <div class="pr-2">
         <button
           aria-label="Close"
           class="shrink-0 rounded-lg bg-black/10 p-1 transition hover:bg-black/20"