fix(ui): remove italics and update manager actions field text

Issue #18:
- Remove italic styling from action question preview text in app.css
- Remove italic class from font size control icon
- Remove italic class from help modal screenshot captions

Issue #20:
- Update manager actions field text from 'Manage actions...' to 'The actions...'
- Clean up Tooltip formatting in ActionsCRUD component

- Update TESTING_ISSUES.md to mark Issues #18 and #20 as fixed

Author: AlexVOiceover

docs/TESTING_ISSUES.md

@@ -140,10 +140,14 @@ Track testing issues and their resolution status. Work through these one by one,
 ---
 
 ### Issue #18 - Remove italics
-- [ ] **Status**: Not started
+- [x] **Status**: ✅ Fixed
 - **Description**: Remove all use of italics across the site
 - **Location**: All pages
-- **Files affected**: TBD
+- **Files affected**:
+  - `src/app.css` (line 321)
+  - `src/lib/components/ui/FontSizeControl.svelte` (line 107)
+  - `src/lib/components/ui/HelpModal.svelte` (line 85)
+- **Solution**: Removed `italic` class/styling from action question preview text, font size control icon, and help modal screenshot captions
 
 ---
 
@@ -167,4 +171,4 @@ Track testing issues and their resolution status. Work through these one by one,
 
 - **Total Issues**: 17
 - **Completed**: 7
-- **Remaining**: 9 (1 rejected)
+- **Remaining**: 9 (1 rejected - Issue 5)

src/app.css

@@ -318,7 +318,7 @@ h3 {
 }
 
 .action-question-preview {
-	@apply text-sm whitespace-nowrap text-gray-500 italic;
+	@apply text-sm whitespace-nowrap text-gray-500;
 }
 
 .action-separator {

src/lib/components/ui/ActionsCRUD.svelte

@@ -201,7 +201,7 @@
 <div class="actions-crud">
 	<div class="actions-header">
 		<h4 class="form-label">
-			Manage actions you'd like your manager to take in response to this question.
+			The actions you'd like your manager to take in response to this question.
 		</h4>
 	</div>
 
@@ -321,7 +321,10 @@
 			</div>
 		</div>
 	{:else}
-		<Tooltip text={!responseId ? "Save your response first to add actions" : "Add a new action"} position="top_right">
+		<Tooltip
+			text={!responseId ? 'Save your response first to add actions' : 'Add a new action'}
+			position="top_right"
+		>
 			<button
 				onclick={() => (showNewActionForm = true)}
 				class="btn-submit btn-sm"
@@ -331,9 +334,7 @@
 			</button>
 		</Tooltip>
 		{#if !responseId}
-			<p class="text-sm text-base-content/70 mt-2">
-				💡 Save your response first to add actions
-			</p>
+			<p class="text-base-content/70 mt-2 text-sm">💡 Save your response first to add actions</p>
 		{/if}
 	{/if}
 </div>

src/lib/components/ui/FontSizeControl.svelte

@@ -104,7 +104,7 @@
 					<span class="text-sm leading-none">+</span>
 					<span class="text-sm leading-none">-</span>
 				</div>
-				<span class="italic font-serif text-lg leading-none">A</span>
+				<span class="font-serif text-lg leading-none">A</span>
 			</div>
 		</button>
 	</Tooltip>

src/lib/components/ui/HelpModal.svelte

@@ -82,7 +82,7 @@
 									</p>
 								</div>
 								{#if section.screenshot.caption}
-									<p class="text-sm text-base-content/70 mt-2 italic text-center">{section.screenshot.caption}</p>
+									<p class="text-sm text-base-content/70 mt-2 text-center">{section.screenshot.caption}</p>
 								{/if}
 							</div>
 						{/if}