chore: release version packages

Author: DavidAmunga

CHANGELOG.md

@@ -1,5 +1,11 @@
 # mpesa2csv
 
+## 0.7.5
+
+### Patch Changes
+
+- fix: improve sheets stacking
+
 ## 0.7.4
 
 ### Patch Changes

package.json

@@ -1,7 +1,7 @@
 {
   "name": "mpesa2csv",
   "private": true,
-  "version": "0.7.4",
+  "version": "0.7.5",
   "type": "module",
   "scripts": {
     "dev": "vite",

src-tauri/Cargo.lock

@@ -1,6 +1,6 @@
 [package]
 name = "mpesa2csv"
-version = "0.7.4"
+version = "0.7.5"
 description = "Convert M-PESA Statements to CSV/Excel Files"
 authors = ["David Amunga"]
 edition = "2021"

src-tauri/Cargo.toml

@@ -1,7 +1,7 @@
 {
   "$schema": "https://schema.tauri.app/config/2",
   "productName": "mpesa2csv",
-  "version": "0.7.4",
+  "version": "0.7.5",
   "identifier": "com.amunga.david.mpesa2csv",
   "build": {
     "beforeDevCommand": "pnpm dev",

src-tauri/tauri.conf.json

@@ -423,10 +423,10 @@ function App() {
   }, [exportLink]);
 
   return (
-    <div className="min-h-screen max-h-screen  flex flex-col overflow-hidden">
+    <div className="min-h-screen flex flex-col">
       <UpdateChecker autoCheck={true} />
-      <div className="flex-1 mx-auto px-4 py-4 flex flex-col max-w-4xl w-full">
-        <main className="flex-1 flex items-center justify-center">
+      <div className="flex-1 mx-auto px-4 py-4 flex flex-col max-w-4xl w-full overflow-y-auto">
+        <main className="flex-1 flex items-center justify-center py-4">
           <div className="w-full max-w-2xl transition-all duration-300 ease-in-out">
             {status === FileStatus.IDLE ||
             status === FileStatus.LOADING ||
@@ -493,7 +493,7 @@ function App() {
                 )}
               </div>
             ) : status === FileStatus.SUCCESS && statements.length > 0 ? (
-              <div className="rounded-lg px-6 py-6 transition-all duration-300 ">
+              <div className="rounded-lg px-6 py-6 transition-all duration-300 max-h-full overflow-y-auto">
                 <div className="text-center mb-5">
                   <h2 className="text-xl font-semibold text-primary mb-2">
                     ✅ Your Data is Ready!
@@ -575,7 +575,7 @@ function App() {
           </div>
         </main>
 
-        <footer className="flex-shrink-0 text-center text-xs border-t py-3 mt-0">
+        <footer className="flex-shrink-0 text-center text-xs border-t py-3 mt-4 sticky bottom-0 ">
           <div className="flex flex-col sm:flex-row items-center justify-between gap-2">
             <p>
               Built by{" "}

src/App.tsx

@@ -214,29 +214,52 @@ export default function ExportOptions({
 
       {exportFormat === ExportFormat.XLSX && (
         <div>
-          <Label className="block text-sm font-medium mb-3">
-            Additional Sheets
-          </Label>
-          <div className="grid grid-cols-1 gap-3">
+          <div className="flex items-center justify-between mb-3">
+            <Label className="text-sm font-medium">Additional Sheets</Label>
+            <button
+              type="button"
+              onClick={() => {
+                const allSelected = SHEET_OPTIONS.every(
+                  (opt) => exportOptions[opt.key]
+                );
+                const newOptions: ExportOptionsType = { ...exportOptions };
+                SHEET_OPTIONS.forEach((opt) => {
+                  (newOptions as any)[opt.key] = !allSelected;
+                });
+                onOptionsChange(newOptions);
+              }}
+              className="text-xs text-primary hover:text-primary/80 font-medium transition-colors"
+            >
+              {SHEET_OPTIONS.every((opt) => exportOptions[opt.key])
+                ? "Deselect All"
+                : "Select All"}
+            </button>
+          </div>
+          <div className="grid grid-cols-1 sm:grid-cols-2 gap-3">
             {SHEET_OPTIONS.map((option) => (
-              <div key={option.key} className="flex items-center space-x-2">
+              <div
+                key={option.key}
+                className="flex items-start space-x-2 p-2.5 rounded-lg border border-border/50 hover:border-border hover:bg-muted/30 transition-colors"
+              >
                 <Checkbox
                   id={`sheet-${option.key}`}
                   checked={Boolean(exportOptions[option.key]) || false}
                   onCheckedChange={(value) =>
                     handleOptionChange(option.key, Boolean(value))
                   }
-                  className="rounded border-gray-300 text-primary focus:ring-primary"
+                  className="rounded border-gray-300 text-primary focus:ring-primary mt-0.5"
                 />
-                <Label
-                  htmlFor={`sheet-${option.key}`}
-                  className="flex-1 text-sm cursor-pointer"
-                >
-                  {option.name}
-                </Label>
+                <div className="flex-1 min-w-0">
+                  <Label
+                    htmlFor={`sheet-${option.key}`}
+                    className="text-sm cursor-pointer font-medium block leading-tight"
+                  >
+                    {option.name}
+                  </Label>
+                </div>
                 <Tooltip>
                   <TooltipTrigger asChild>
-                    <Info className="w-4 h-4 text-gray-400 hover:text-gray-600 cursor-help" />
+                    <Info className="w-4 h-4 text-gray-400 hover:text-gray-600 cursor-help flex-shrink-0 mt-0.5" />
                   </TooltipTrigger>
                   <TooltipContent className="max-w-xs">
                     <p>{option.description}</p>