fix: Lists, indent, and keep button - Change white-space from pre-wrap to normal (fixes lists + indent) - Redesign keep button: centered, cleaner, separated from corrections - Keep button always renders last with clear 'إبقاء كما هي' label - Blockquote/list styling for RTL editor

src/css/components.css

@@ -495,8 +495,9 @@
   letter-spacing: var(--letter-spacing-arabic);
   direction: rtl;
   text-align: right;
-  white-space: pre-wrap;
+  white-space: normal;
   word-wrap: break-word;
+  word-break: break-word;
   overflow-y: auto;
   border-radius: 0;
   margin: 0;
@@ -767,14 +768,20 @@
 
 .popover-alt-keep {
   background: transparent;
-  border-style: dashed;
+  border: 1px dashed var(--color-border);
   color: var(--color-text-muted);
-  font-size: var(--font-size-sm);
+  font-size: var(--font-size-caption);
+  font-weight: var(--font-weight-medium);
+  text-align: center;
+  min-height: 36px;
+  padding: 6px 12px;
+  margin-top: 2px;
 }
 
 .popover-alt-keep:hover {
   color: var(--color-text-primary);
   border-color: var(--color-text-secondary);
+  background: var(--color-surface-elevated);
 }
 
 .popover-hint {

src/js/editor.js

@@ -247,13 +247,16 @@ function showTooltip(element) {
   if (alternativesEl) {
     const alts = suggestion.alternatives || [suggestion.correction, suggestion.original];
     let html = '';
+    // Render corrections first (non-keep)
     alts.forEach((alt, i) => {
       const isKeep = alt === suggestion.original;
+      if (isKeep) return; // render keep button last
       const isMain = i === 0;
-      const btnClass = isKeep ? 'popover-alt-btn popover-alt-keep' : (isMain ? 'popover-alt-btn popover-alt-main' : 'popover-alt-btn');
-      const label = isKeep ? `${escapeHtml(alt)} ✓ إبقاء` : escapeHtml(alt);
-      html += `<button class="${btnClass}" data-alt-correction="${escapeHtml(alt)}" type="button">${label}</button>`;
+      const btnClass = isMain ? 'popover-alt-btn popover-alt-main' : 'popover-alt-btn';
+      html += `<button class="${btnClass}" data-alt-correction="${escapeHtml(alt)}" type="button">${escapeHtml(alt)}</button>`;
     });
+    // Render keep button at end
+    html += `<button class="popover-alt-btn popover-alt-keep" data-alt-correction="${escapeHtml(suggestion.original)}" type="button">إبقاء كما هي</button>`;
     alternativesEl.innerHTML = html;
 
     // Bind click events