fix feed initial balance and report button

components/dashboard/DashboardReportCtas.tsx

@@ -9,7 +9,7 @@ export interface DashboardReportCtasProps {
 }
 
 const buttonClass =
-  'rounded-lg bg-slate-900 px-4 py-2 text-sm font-semibold text-white shadow-sm hover:bg-slate-800 disabled:cursor-not-allowed disabled:opacity-50';
+  'rounded-lg bg-slate-900 px-4 py-2 text-sm font-semibold text-white shadow-sm hover:bg-slate-800 disabled:cursor-not-allowed disabled:bg-slate-400 disabled:hover:bg-slate-400';
 
 const label = (hasSnapshot: boolean) => (hasSnapshot ? 'Lihat' : 'Buat');
 
@@ -20,11 +20,11 @@ const DashboardReportCtas: React.FC<DashboardReportCtasProps> = ({
   onOpenDaily,
   onOpenEndCycle,
 }) => (
-  <div className="flex flex-wrap items-end justify-end gap-3">
-    <button type="button" onClick={onOpenDaily} className={buttonClass}>
-      {label(hasDailySnapshot)} Harian
-    </button>
-    <div className="flex flex-col items-end">
+  <div className="flex flex-col items-end gap-1">
+    <div className="flex flex-wrap items-center justify-end gap-3">
+      <button type="button" onClick={onOpenDaily} className={buttonClass}>
+        {label(hasDailySnapshot)} Harian
+      </button>
       <button
         type="button"
         onClick={onOpenEndCycle}
@@ -33,10 +33,10 @@ const DashboardReportCtas: React.FC<DashboardReportCtasProps> = ({
       >
         {label(hasEndCycleSnapshot)} Akhir Siklus
       </button>
-      {!cycleClosed && (
-        <p className="mt-1 text-xs text-slate-500">Tersedia setelah siklus ditutup</p>
-      )}
     </div>
+    {!cycleClosed && (
+      <p className="text-xs text-slate-500">Tersedia setelah siklus ditutup</p>
+    )}
   </div>
 );