fix pdf kehadiran

resources/assets/js/components/demo/admin/voter/kehadiran.vue

@@ -5,21 +5,20 @@
 				<i class="fa fa-refresh"></i> Kemaskini Pengundi
 			</button>
 
-			<router-link class="btn btn-info" :to="{ name: 'Fizikal' }" >
-				 Fizikal
+			<router-link class="btn btn-info" :to="{ name: 'Fizikal' }">
+				Fizikal
 			</router-link>
 
-			<router-link class="btn btn-info" :to="{ name: 'Maya' }" >
-				 Maya
+			<router-link class="btn btn-info" :to="{ name: 'Maya' }">
+				Maya
 			</router-link>
-			
-			<!-- <a class="btn btn-warning" :href="getPDFKehadiranurl()">Muat Turun PDF</a> -->
-			
-			<!-- <button class="btn btn-primary" @click="downloadPDF()">
-                <i class="fa fa-download"></i> Muat Turun PDF
-            </button> -->
 
 
+			<a class="pdf-button-container btn btn-warning" :href="getPDFKehadiranurl(1)"><i class="fa fa-download"></i> Muat Turun PDF</a>
+
+
+			<!-- <a class="btn btn-warning" :href="getPDFKehadiranurl(1)">Muat Turun PDF</a> -->
+
 			<div class="table-responsive">
 				<table class="table table-hover">
 					<thead>
@@ -65,6 +64,12 @@
 	</div>
 </template>
 
+<style>
+.pdf-button-container {
+	text-align: right;
+}
+</style>
+
 <script>
 
 export default {
@@ -110,7 +115,12 @@ export default {
 			}
 		},
 
-	
+		getPDFKehadiranurl(Id) {
+			// Construct and return the URL based on the item ID
+			return `/kehadiranpdf/${Id}`;
+		}
+
+
 	},
 
 	watch: {
@@ -154,10 +164,7 @@ export default {
 			return totalMembers === 0 ? 0 : ((totalAttendance / totalMembers) * 100).toFixed(2);
 		},
 
-		getPDFKehadiranurl() {
-			// Construct and return the URL based on the item ID
-			return `/kehadiranpdf/1`;
-		}
+
 	}
 
 }