fix: improve split indicator visibility and adjustments layout

- Change split icon color to orange-500 in transactions table for
  better contrast in both dark and light modes
- Show split transactions at the top of the adjustments left panel
  when there are no manual adjustments (instead of below empty state)
- Add a divider between manual adjustments and splits when both exist

Bumps version to 0.3.5.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

package.json

@@ -1,7 +1,7 @@
 {
   "name": "simpl_result_scaffold",
   "private": true,
-  "version": "0.3.4",
+  "version": "0.3.5",
   "type": "module",
   "scripts": {
     "dev": "vite",

src-tauri/Cargo.toml

@@ -1,6 +1,6 @@
 [package]
 name = "simpl-result"
-version = "0.3.4"
+version = "0.3.5"
 description = "Personal finance management app"
 authors = ["you"]
 edition = "2021"

src-tauri/tauri.conf.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://schema.tauri.app/config/2",
   "productName": "Simpl Resultat",
-  "version": "0.3.4",
+  "version": "0.3.5",
   "identifier": "com.simpl.resultat",
   "build": {
     "beforeDevCommand": "npm run dev",

src/components/transactions/TransactionTable.tsx

@@ -180,7 +180,7 @@ export default function TransactionTable({
                           onClick={() => setSplitRow(row)}
                           className={`p-1 rounded hover:bg-[var(--muted)] transition-colors shrink-0 ${
                             row.is_split
-                              ? "text-[var(--primary)]"
+                              ? "text-orange-500"
                               : "text-[var(--muted-foreground)]"
                           }`}
                           title={t("transactions.splitAdjustment")}

src/pages/AdjustmentsPage.tsx

@@ -112,16 +112,21 @@ export default function AdjustmentsPage() {
       ) : (
         <div className="flex gap-6" style={{ minHeight: "calc(100vh - 180px)" }}>
           <div className="w-1/3 bg-[var(--card)] rounded-xl border border-[var(--border)] p-3 overflow-y-auto">
-            <AdjustmentListPanel
+            {state.adjustments.length > 0 && (
-              adjustments={state.adjustments}
+              <AdjustmentListPanel
-              selectedId={state.selectedAdjustmentId}
+                adjustments={state.adjustments}
-              onSelect={selectAdjustment}
+                selectedId={state.selectedAdjustmentId}
-              entriesByAdjustment={entriesMap}
+                onSelect={selectAdjustment}
-            />
+                entriesByAdjustment={entriesMap}
+              />
+            )}
 
             {splitTransactions.length > 0 && (
               <>
-                <div className="flex items-center gap-2 mt-4 mb-2 px-1">
+                {state.adjustments.length > 0 && (
+                  <div className="border-t border-[var(--border)] my-3" />
+                )}
+                <div className="flex items-center gap-2 mb-2 px-1">
                   <Split size={14} className="text-[var(--foreground)]" />
                   <span className="text-xs font-semibold text-[var(--muted-foreground)] uppercase tracking-wide">
                     {t("adjustments.splitTransactions")}
@@ -151,6 +156,12 @@ export default function AdjustmentsPage() {
                 </div>
               </>
             )}
+
+            {state.adjustments.length === 0 && splitTransactions.length === 0 && (
+              <div className="flex items-center justify-center h-full text-[var(--muted-foreground)] text-sm">
+                {t("common.noResults")}
+              </div>
+            )}
           </div>
           <AdjustmentDetailPanel
             selectedAdjustment={selectedAdjustment}