fix: QTH field is wider to see the full city names

frontend/src/App.tsx

@@ -2866,12 +2866,12 @@ export default function App() {
       </div>
     </>
   ) : (
-    <div className="flex flex-col flex-[0.55] min-w-[70px]"><Label className="mb-1 h-3.5">{t('field.qth')}</Label>
+    <div className="flex flex-col flex-1 min-w-[130px]"><Label className="mb-1 h-3.5">{t('field.qth')}</Label>
       <Input value={qth} onChange={(e) => { setQth(e.target.value); markEdited('qth'); }} />
     </div>
   );
   const gridBlock = (
-    <div className="flex flex-col w-28 shrink-0"><Label className="mb-1 h-3.5">{t('field.grid')}</Label>
+    <div className="flex flex-col w-[76px] shrink-0"><Label className="mb-1 h-3.5">{t('field.grid')}</Label>
       <Input value={grid} placeholder="JN05" className="font-mono" onChange={(e) => { setGrid(e.target.value); markEdited('grid'); }} />
     </div>
   );
@@ -2886,7 +2886,7 @@ export default function App() {
       : 'border-danger text-danger bg-danger/15';
     return (
       <div className="self-end shrink-0" title={t('lotw.userTip', { date: lotwInfo.last_upload || '?', days: d })}>
-        <span className={cn('inline-flex items-center rounded-md border px-1.5 py-1.5 text-[10px] font-extrabold tracking-wide leading-none', cls)}>
+        <span className={cn('inline-flex items-center rounded-md border px-1.5 py-1 text-[9px] font-extrabold tracking-wide leading-none', cls)}>
           LoTW
         </span>
       </div>
@@ -3910,9 +3910,13 @@ export default function App() {
               </div>
               {qthBlock}
               {gridBlock}
-              {lotwBlock}
-              {offlineBlock}
-              {alertLedBlock}
+              {/* LoTW badge, offline outbox and the spot-alert LED grouped at the
+                  right edge, so the alert always has a clear spot. */}
+              <div className="ml-auto flex items-end gap-2 shrink-0">
+                {lotwBlock}
+                {offlineBlock}
+                {alertLedBlock}
+              </div>
             </div>
 
             {/* Row 3: tight left detail column (Band/Mode/Country) and