fix ui make queue btn

src/components/GanttChart/MakequeueBtn.vue

 <template>
   <div>
-      <button @click="makeQueue">Make Queue</button>
+    <button @click="makeQueue">Make a queue</button>
   </div>
 </template>
 
@@ -12,7 +12,6 @@
   methods: {
     makeQueue() {
       const queueItems = scheduleAllOrders();
-        // ส่งข้อมูล queue ไปยังคอมโพเนนต์พาเรนต์
       this.$emit('updateQueue', queueItems);
     }
   }
@@ -21,8 +20,31 @@
 
 <style scoped>
 button {
-    padding: 8px 16px;
-    font-size: 16px;
+  /* พื้นหลังสีน้ำเงิน */
+  background-color: #2196f3;
+  /* สีตัวอักษรเป็นสีขาว */
+  color: #fff;
+  /* ไม่มีขอบ */
+  border: none;
+  /* มุมโค้ง */
+  border-radius: 8px;
+  /* ขนาดตัวอักษรใหญ่ขึ้น */
+  font-size: 18px;
+  font-weight: bold;
+  /* ปรับขนาดปุ่มให้กว้างขึ้น */
+  width: 200px;
+  height: 60px;
+  /* กึ่งกลางตัวอักษร */
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  /* เปลี่ยนเคอร์เซอร์เป็นแบบคลิกได้ */
+  cursor: pointer;
+  transition: background-color 0.2s ease;
 }
-  </style>
 
+/* เมื่อเอาเมาส์ไปชี้ */
+button:hover {
+  background-color: #1976d2;
+}
+</style>