no message

website/Areas/Millions/Views/Home/BuyTicket.cshtml

@@ -7,9 +7,14 @@
 @using LotteryWebApp.Languages;
 @using LotteryWebApp.Common;
 
-<link rel="stylesheet" href="/Millions/css/buy-ticket.css" />
-
-<link rel="stylesheet" href="/Millions/css/buy-ticket.css" />
+@section Styles {
+    <link rel="stylesheet" href="/Millions/css/buy-ticket.css" />
+    <style>
+        /* BuyTicket has its own bottom bar; avoid global navbar padding gap */
+        body.millions-bg { padding-bottom: 0 !important; }
+        body.millions-bg .main-container { padding-bottom: 0 !important; }
+    </style>
+}
 
 @if (Model.termType == Constants.PIC10_BIGSMALL_CODE || Model.termType == Constants.PIC10_ODDEVEN_CODE)
 {
@@ -230,7 +235,7 @@ else
     </div>
 
     <!-- Ticket Scrollable List Area -->
-    <div id="ticketContainer" class="p-4 flex flex-col gap-6 flex-1 overflow-y-auto bg-[#F5F5F5] pb-[50vh]">
+    <div id="ticketContainer" class="p-4 flex flex-col gap-6 flex-1 overflow-y-auto bg-[#F5F5F5] pb-6">
         @for (int i = 1; i <= 2; i++)
         {
             <div class="ticket-card relative group active:bg-gray-50 transition-colors cursor-pointer animate__animated animate__fadeIn">
@@ -247,16 +252,16 @@ else
                                 <div class="ball-circle ball-empty"></div>
                             }
                         </div>
-                        <div class="w-20 action-area flex flex-col gap-2">
-                             <button onclick="randomizeTicket(this)" class="rand-btn bg-[#2B83F2] text-white flex items-center justify-center gap-2 w-20 py-2 rounded-xl font-extrabold text-[11px] shadow-sm active:scale-95 transition-all">
+                        <div class="w-[108px] action-area flex flex-col gap-2">
+                             <button onclick="randomizeTicket(this)" class="rand-btn w-full bg-[#2B83F2] text-white flex items-center justify-center gap-2 py-2 rounded-xl font-extrabold text-[11px] shadow-sm active:scale-95 transition-all">
                                 <i class="fa-solid fa-arrows-rotate text-[10px]"></i> @Lang.Random
                              </button>
                              <div class="edit-delete-group hidden flex flex-col gap-2">
-                                 <button onclick="editFullTicket(this)" class="bg-[#2B83F2] text-white flex items-center justify-center gap-2 w-20 py-1.5 rounded-lg font-bold text-[12px] shadow-sm active:scale-95 transition-all">
-                                    <i class="fa-solid fa-pen text-[10px]"></i> @Lang.millions_edit
+                                 <button onclick="editFullTicket(this)" class="w-full bg-[#16A34A] text-white flex items-center justify-center gap-2 py-2 rounded-xl font-black text-[13px] shadow-sm active:scale-95 transition-all">
+                                    <i class="fa-solid fa-pencil text-[12px]"></i> @Lang.millions_edit
                                  </button>
-                                 <button onclick="clearTicket(this)" class="bg-[#0062FF] text-white flex items-center justify-center gap-2 w-20 py-1.5 rounded-lg font-bold text-[12px] shadow-sm active:scale-95 transition-all">
-                                    <i class="fa-solid fa-trash-can text-[10px]"></i> @Lang.millions_delete
+                                 <button onclick="clearTicket(this)" class="w-full bg-[#A855F7] text-white flex items-center justify-center gap-2 py-2 rounded-xl font-black text-[13px] shadow-sm active:scale-95 transition-all">
+                                    <i class="fa-solid fa-trash-can text-[12px]"></i> @Lang.millions_delete
                                  </button>
                              </div>
                         </div>
@@ -274,7 +279,7 @@ else
     </div>
 
     <!-- Bottom Action Bar -->
-    <div class="p-4 bg-white border-t border-gray-200 z-[70] shadow-[0px_-4px_10px_rgba(0,0,0,0.03)]">
+    <div class="p-4 bg-white border-t border-gray-200 z-[70] shadow-[0px_-4px_10px_rgba(0,0,0,0.03)] sticky bottom-0">
         <div class="flex items-center justify-between">
             <div class="flex flex-col">
                 <div class="flex items-center gap-1.5 mb-0.5">
@@ -802,16 +807,16 @@ else
                             <div class="grid grid-cols-5 gap-y-1 gap-x-2 flex-1">
                                 ${ballsHtml}
                             </div>
-                            <div class="w-20 action-area flex flex-col gap-2">
-                                 <button onclick="randomizeTicket(this)" class="rand-btn bg-[#2B83F2] text-white flex items-center justify-center gap-2 w-20 py-2 rounded-xl font-extrabold text-[11px] shadow-sm active:scale-95 transition-all">
+                            <div class="w-[108px] action-area flex flex-col gap-2">
+                                 <button onclick="randomizeTicket(this)" class="rand-btn w-full bg-[#2B83F2] text-white flex items-center justify-center gap-2 py-2 rounded-xl font-extrabold text-[11px] shadow-sm active:scale-95 transition-all">
                                      <i class="fa-solid fa-arrows-rotate text-[10px]"></i> @Lang.Random
                                  </button>
                                  <div class="edit-delete-group hidden flex flex-col gap-2">
-                                     <button onclick="editFullTicket(this)" class="bg-[#2B83F2] text-white flex items-center justify-center gap-2 w-20 py-1.5 rounded-lg font-bold text-[12px] shadow-sm active:scale-95 transition-all">
-                                         <i class="fa-solid fa-pen text-[10px]"></i> @Lang.millions_edit
+                                     <button onclick="editFullTicket(this)" class="w-full bg-[#16A34A] text-white flex items-center justify-center gap-2 py-2 rounded-xl font-black text-[13px] shadow-sm active:scale-95 transition-all">
+                                         <i class="fa-solid fa-pencil text-[12px]"></i> @Lang.millions_edit
                                      </button>
-                                     <button onclick="clearTicket(this)" class="bg-[#0062FF] text-white flex items-center justify-center gap-2 w-20 py-1.5 rounded-lg font-bold text-[12px] shadow-sm active:scale-95 transition-all">
-                                         <i class="fa-solid fa-trash-can text-[10px]"></i> @Lang.millions_delete
+                                     <button onclick="clearTicket(this)" class="w-full bg-[#A855F7] text-white flex items-center justify-center gap-2 py-2 rounded-xl font-black text-[13px] shadow-sm active:scale-95 transition-all">
+                                         <i class="fa-solid fa-trash-can text-[12px]"></i> @Lang.millions_delete
                                      </button>
                                  </div>
                             </div>

website/Areas/Millions/Views/Home/GameHome.cshtml

@@ -37,7 +37,7 @@
             <div class="header-bg relative h-[160px] rounded-b-[40px] overflow-hidden">
                 <!-- Top bar -->
                 <div class="flex items-center justify-between px-3 pt-3 relative z-10">
-                    <button onclick="location.href='/LotteryV2/Home/Index'" class="js-back w-6 h-6 flex items-center justify-center">
+                    <button onclick="location.href=(subDomain + '@Url.Action(\"Index\", \"Home\", new { area = \"LotteryV2\" })')" class="js-back w-6 h-6 flex items-center justify-center">
                         <img src="/Millions/assets/icons/arrow-left.svg" alt="Back" class="w-6 h-6"/>
                     </button>
                     <button class="flex items-center gap-2 bg-white/15 rounded-full px-3 py-1 text-white text-sm">