fix(apk): l'icone se pose a cote du titre de l'en-tete, le nom n'est plus ecrit deux fois

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

android-client/web/app.html

@@ -233,6 +233,7 @@
 
   /* --- detail ------------------------------------------------------------ */
   .head { display: flex; align-items: center; gap: 10px; padding: 10px 12px; }
+  .head .av { width: 30px; height: 30px; font-size: 13px; flex: 0 0 auto; }
   .head h1 { flex: 1; margin: 0; font-size: 19px; font-weight: 600;
              overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
   .field {
@@ -588,6 +589,7 @@
 <div class="screen" id="detail">
   <div class="head">
     <button class="btn ico-btn back-btn" id="back"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" aria-label="Back" role="img"><path d="M20 12H5M11 5l-7 7 7 7"/></svg></button>
+    <div class="av" id="dav" hidden></div>
     <h1 id="dtitle"></h1>
     <button class="btn ico-btn" id="pencil" aria-label="Edit entry"></button>
     <button class="btn ico-btn" id="kebab" aria-label="Entry menu"></button>
@@ -1073,6 +1075,7 @@ function renderDetail(d) {
   document.getElementById('dtitle').textContent = d.title || '';
   document.getElementById('kebab').hidden = false;
   document.getElementById('pencil').hidden = false;
+  document.getElementById('dav').hidden = true;
   var html = '', i;
   if (d.totp)
     html += '<div class="field totp" id="totp"><div class="cap">2FA code</div>'
@@ -1385,6 +1388,7 @@ function openNewEntry() {
   closeMenu();
   document.getElementById('kebab').hidden = true;
   document.getElementById('pencil').hidden = true;
+  document.getElementById('dav').hidden = true;
   document.getElementById('fields').innerHTML =
       '<div class="form">'
     + '<div class="field"><div class="cap">Kind</div><div class="line">'
@@ -1523,14 +1527,12 @@ function openEditEntry() {
   // L'ICONE ET LE NOM EN TETE : on voit ce qu'on modifie, et surtout ce que
   // les trois boutons d'en dessous vont remplacer.
   var d = lastDetail;
+  var av = document.getElementById('dav');
+  av.hidden = false;
+  av.className = 'av' + (d.icon ? ' has-img' : '');
+  av.innerHTML = d.icon ? '<img src="' + esc(d.icon) + '">' : esc(d.initial || '');
   var html = '<div class="form">'
-           + '<div class="field"><div class="line" style="gap:12px">'
+           + '<div class="field"><div class="cap">Icon</div><div class="line">'
-           + '<div class="av' + (d.icon ? ' has-img' : '') + '">'
-           + (d.icon ? '<img src="' + esc(d.icon) + '">' : esc(d.initial || ''))
-           + '</div>'
-           + '<div class="val" style="font-size:16px;font-weight:600">'
-           + esc(d.title || '') + '</div></div>'
-           + '<div class="line" style="margin-top:8px">'
            + '<button class="btn" data-iconact="fetch">From site</button>'
            + '<button class="btn" data-iconact="pick">Image...</button>'
            + '<button class="btn" data-iconact="clear">Remove</button>'