From 0fe23329c954874528e3db2d4b4f98629b8bb010 Mon Sep 17 00:00:00 2001
From: Arnaud_Cayrol <cayrol.arnaud@gmail.com>
Date: Sun, 8 Feb 2026 13:35:31 +0100
Subject: [PATCH] Small frontend fixes

---
 .../src/lib/components/ResultsView.svelte     | 61 -------------------
 .../src/lib/components/SettingsPanel.svelte   |  3 +
 2 files changed, 3 insertions(+), 61 deletions(-)

diff --git a/frontend/src/lib/components/ResultsView.svelte b/frontend/src/lib/components/ResultsView.svelte
index 7829f2c..2913265 100644
--- a/frontend/src/lib/components/ResultsView.svelte
+++ b/frontend/src/lib/components/ResultsView.svelte
@@ -1,10 +1,4 @@
 <script>
-  // Future: This component can be extended to show:
-  // - Preview grid of processed faces
-  // - Before/after alignment comparison
-  // - Skipped images with reasons
-  // - Face landmark visualization
-
   let { folderName = null } = $props();
 
   let cacheBust = $state(Date.now());
@@ -53,33 +47,6 @@
       </a>
     </div>
   {/if}
-
-  <!-- Future: Face preview grid -->
-  <!--
-  <div class="preview-section">
-    <h3>Processed Faces</h3>
-    <div class="preview-grid">
-      {#each processedFaces as face}
-        <div class="face-preview">
-          <img src={face.url} alt="Processed face" />
-          <span class="timestamp">{face.timestamp}</span>
-        </div>
-      {/each}
-    </div>
-  </div>
-  -->
-
-  <!-- Future: Skipped images -->
-  <!--
-  <details class="skipped-section">
-    <summary>Skipped Images ({skippedCount})</summary>
-    <ul>
-      {#each skippedImages as img}
-        <li>{img.reason}</li>
-      {/each}
-    </ul>
-  </details>
-  -->
 </div>
 
 <style>
@@ -147,32 +114,4 @@
   .download-btn:hover {
     background: #16a34a;
   }
-
-  /* Future styles for preview grid */
-  /*
-  .preview-section {
-    margin-top: 2rem;
-    padding-top: 1.5rem;
-    border-top: 1px solid #333;
-  }
-
-  .preview-grid {
-    display: grid;
-    grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
-    gap: 0.5rem;
-  }
-
-  .face-preview img {
-    width: 100%;
-    aspect-ratio: 1;
-    object-fit: cover;
-    border-radius: 4px;
-  }
-
-  .skipped-section {
-    margin-top: 1rem;
-    font-size: 0.875rem;
-    color: #888;
-  }
-  */
 </style>
diff --git a/frontend/src/lib/components/SettingsPanel.svelte b/frontend/src/lib/components/SettingsPanel.svelte
index 74e3ced..e5ad1a6 100644
--- a/frontend/src/lib/components/SettingsPanel.svelte
+++ b/frontend/src/lib/components/SettingsPanel.svelte
@@ -315,6 +315,9 @@
 
               <!-- Alignment Section -->
               <div class="setting-section">
+                <div class="section-header">
+                  <span class="section-title">Final image composition</span>
+                </div>
                 <div class="setting-row sub-setting">
                   <label for="eye-distance">
                     <span class="setting-label">Eye Distance</span>