Android build v1.0.41

android/app/build.gradle

@@ -7,8 +7,8 @@ android {
         applicationId "com.warren.iwanttoheal"
         minSdkVersion rootProject.ext.minSdkVersion
         targetSdkVersion rootProject.ext.targetSdkVersion
-        versionCode 60
+        versionCode 61
-        versionName "1.0.40"
+        versionName "1.0.41"
         testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner"
         aaptOptions {
              // Files and dirs to omit from the packaged assets dir, modified to accommodate modern web apps.

src/App.css

@@ -1795,6 +1795,23 @@ h2 {
   font-size: 14px;
 }
 
+.run-title-row {
+  align-items: center;
+  display: flex;
+  gap: 10px;
+  justify-content: space-between;
+}
+
+.run-title-row h2 {
+  min-width: 0;
+}
+
+.inline-back-button {
+  flex: 0 0 auto;
+  min-height: 34px;
+  padding: 6px 10px;
+}
+
 .run-setup-heading small {
   color: var(--muted);
   font-size: 16px;
@@ -2044,14 +2061,6 @@ h2 {
     padding: 10px;
   }
 
-  .dungeon-run-screen .screen-heading {
-    padding-bottom: 10px;
-  }
-
-  .dungeon-run-screen .screen-heading h1 {
-    font-size: 18px;
-  }
-
   .dungeon-run-board,
   .dungeon-run-main {
     gap: 10px;
@@ -2088,6 +2097,12 @@ h2 {
     font-size: 12px;
   }
 
+  .inline-back-button {
+    font-size: 12px;
+    min-height: 28px;
+    padding: 4px 7px;
+  }
+
   .activity-pager button {
     font-size: 9px;
     min-height: 28px;
@@ -2236,21 +2251,6 @@ h2 {
     padding: 6px;
   }
 
-  .dungeon-run-screen .screen-heading {
-    padding-bottom: 4px;
-  }
-
-  .dungeon-run-screen .screen-heading h1 {
-    font-size: 13px;
-    line-height: 1.15;
-  }
-
-  .dungeon-run-screen .back-button {
-    font-size: 14px;
-    min-height: 34px;
-    padding: 5px 8px;
-  }
-
   .dungeon-run-board,
   .dungeon-run-main,
   .dungeon-setup-rail {
@@ -2287,6 +2287,12 @@ h2 {
     line-height: 1.2;
   }
 
+  .inline-back-button {
+    font-size: 10px;
+    min-height: 24px;
+    padding: 3px 6px;
+  }
+
   .dungeon-run-screen .eyebrow,
   .dungeon-run-screen .tier-grid strong,
   .dungeon-choice-grid .activity-card strong,

src/App.tsx

@@ -609,11 +609,6 @@ function App() {
 
       {(screen === 'dungeons' || screen === 'raids') && (
         <section className="content-screen dungeon-run-screen">
-          <ScreenHeading
-            eyebrow="Adventure"
-            title={activity.contentType === 'raid' ? 'Raids' : 'Dungeons'}
-            onBack={() => setScreen('menu')}
-          />
           <div className="dungeon-run-board">
             <div className="dungeon-run-main">
               <article className="run-summary-card dungeon-focus-card">
@@ -622,7 +617,10 @@ function App() {
                 </div>
                 <div className="run-summary-copy">
                   <p className="eyebrow">Selected Run</p>
-                  <h2>{activity.name}</h2>
+                  <div className="run-title-row">
+                    <h2>{activity.name}</h2>
+                    <button className="back-button inline-back-button" onClick={() => setScreen('menu')} type="button">Back</button>
+                  </div>
                   <p>{activity.description}</p>
                   <div className="tag-row">
                     <span>Level {activity.recommendedLevel}</span>