frontend/app/page.tsx

@@ -751,7 +751,8 @@ export default function Page() {
   }, [categories]);
 
 function formatTrophies(value: number) {
-  const sign = value > 0 ? '+' : '';
+  const sign = value > 0 ? '' : '+';
+  
   return `${sign}${value} trophies`;
 }
 
@@ -1141,6 +1142,7 @@ function summarizeProfileDefenses(defenses: ProfileDefense[]): Summary {
                     <li>No categories yet.</li>
                   )}
                 </ul>
+              </details>
             </div>
           </div>
           <div className="card">
@@ -1236,6 +1238,7 @@ function summarizeProfileDefenses(defenses: ProfileDefense[]): Summary {
                     <li>No bases yet.</li>
                   )}
                 </ul>
+              </details>
             </div>
             {baseBeingEdited && (
               <div className="subsection">
@@ -1440,6 +1443,7 @@ function summarizeProfileDefenses(defenses: ProfileDefense[]): Summary {
                 {defenses.length > 10 ? (
                   <p className="muted">Showing the latest 10 entries.</p>
                 ) : null}
+              </details>
             </div>
             {defenseBeingEdited && (
               <div className="subsection">
@@ -1732,6 +1736,7 @@ function summarizeProfileDefenses(defenses: ProfileDefense[]): Summary {
                   <li>No army categories have attacked this base yet.</li>
                 )}
               </ul>
+            </details>
           </div>
           <div className="card">
             <details open>
@@ -1800,6 +1805,7 @@ function summarizeProfileDefenses(defenses: ProfileDefense[]): Summary {
                   <li>No defenses recorded for this base yet.</li>
                 )}
               </ul>
+            </details>
           </div>
         </section>
 
@@ -1888,7 +1894,7 @@ function summarizeProfileDefenses(defenses: ProfileDefense[]): Summary {
                 </ul>
               </div>
               <div className="card">
-                <details>
+                <details open>
                   <summary><h3>Recent Resets</h3></summary>
                   <ul className="list compact">
                     {profileSelectedBase.trophyResets.length ? (
@@ -1897,7 +1903,7 @@ function summarizeProfileDefenses(defenses: ProfileDefense[]): Summary {
                           <div className="defense-header">
                             <span>{new Date(reset.date).toLocaleDateString()}</span>
                             <div className="defense-meta">
-                              <span>{reset.trophiesAtStart} trophies </span>
+                              <span>{reset.trophiesAtStart} trophies at start</span>
                               <span>{formatTrophies(reset.trophiesLost)} lost</span>
                               <span>{reset.numberOfDefenses} defenses</span>
                             </div>