src/i18n.ts

@@ -228,7 +228,6 @@ const en = {
   'res.sourceCount': '{n} sources',
   'res.sourceOne': '1 source',
   'res.working': 'Being created…',
-  'res.open': 'Open',
   'res.close': 'Close',
   'res.reviewNotice': 'AI-generated draft. Check it, then approve it or reject it.',
   'res.noContent': 'No content to show',
@@ -602,7 +601,6 @@ const id: Record<Key, string> = {
   'res.sourceCount': '{n} sumber',
   'res.sourceOne': '1 sumber',
   'res.working': 'Sedang dibuat…',
-  'res.open': 'Buka',
   'res.close': 'Tutup',
   'res.reviewNotice': 'Draft buatan AI. Periksa dulu, lalu setujui atau tolak.',
   'res.noContent': 'Tidak ada konten untuk ditampilkan',

src/pages/Results.tsx

@@ -132,10 +132,7 @@ function ContentCard({ material: m, onOpen }: { material: Material; onOpen: () =
           <span title={describeRule(m.rule)}>{describeRule(m.rule)}</span>
           {working
             ? <span>{m.video ? t('res.videoProgress', { n: m.video.progress }) : t('res.working')}</span>
-            : <div className="content-card-actions">
-                {m.retry && <RetryButton material={m} className="text-btn" />}
-                <button className="text-btn" onClick={onOpen}>{t('res.open')} <Icon name="arrow-right" /></button>
-              </div>}
+            : m.retry && <div className="content-card-actions"><RetryButton material={m} className="text-btn" /></div>}
         </div>
       </div>
     </article>

src/styles/app.css

@@ -62,6 +62,11 @@ textarea{resize:vertical;line-height:1.6}
 .content-title:disabled{cursor:default;color:#8b97a9}
 .content-card-foot>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .content-card-actions{display:flex;gap:12px;flex-shrink:0}
+/* The whole card opens the result: the title button's hit area stretches over it, Retry stays on top */
+.content-card{position:relative}
+.content-title:not(:disabled)::after{content:"";position:absolute;inset:0;border-radius:inherit}
+.content-card:has(.content-title:not(:disabled)):hover .content-title{color:var(--blue)}
+.content-card-actions{position:relative;z-index:1}
 .research-row .status{margin-left:0}
 .research-row h3 a{color:var(--ink)}
 .research-row h3 a:hover{color:var(--blue)}