v3 : « Voter en lot » sur sa propre ligne, au-dessus des vues ; C23 se donne le temps de la chaîne

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

web/src/routes/g/[group]/docs/[doc]/+page.svelte

@@ -144,12 +144,14 @@
         · <button class="linkish" type="button" onclick={() => openPanel({ unitId: null, proposalId: null, tab: 'settings' })}>{t('settings.title')}</button>
       </p>
 
-      <div class="controls">
-        {#if canVote}
+      {#if canVote}
+        <div class="basket-row">
           <button class="btn small basket-btn" type="button" onclick={() => openPanel({ unitId: null, proposalId: null, tab: 'basket' })}>
             {basket.size ? t('doc.basket.count', { n: basket.size }) : t('doc.basket')}
           </button>
-        {/if}
+        </div>
+      {/if}
+      <div class="controls">
         <div class="seg" role="radiogroup" aria-label={t('doc.view.label')}>
           {#each VIEWS as v (v)}
             <button type="button" role="radio" aria-checked={doc.mode === v} class:on={doc.mode === v} onclick={() => doc.setMode(v)}>{t(`doc.view.${v}`)}</button>
@@ -306,10 +308,13 @@
     justify-content: space-between;
     margin-top: 1.6rem;
   }
+  .basket-row {
+    margin-top: 1.4rem;
+  }
+  .basket-row + .controls {
+    margin-top: 0.8rem;
+  }
   .basket-btn {
-    flex-basis: 100%;
-    justify-self: start;
-    max-width: max-content;
     background: var(--water);
     color: var(--on-water);
   }