@alliance-droid/status-feedback-system 4.1.2 → 4.1.4

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # Changelog
 
+## 4.1.4
+
+### Changed
+
+- `<DevFeedback>` modal: removed the "Submitting as <email>" line at the top of the form, and increased the modal padding (`p-5`/`px-5` → `p-6`/`px-6` on the header, body, and footer) for more breathing room.
+
+## 4.1.3
+
+### Fixed
+
+- `<FeedbackSidebar>`: moved the Status/Sort By group's spacing and padding into a bundled scoped `<style>` (flex `gap`), so the gap between the dropdowns applies even when the consuming app's Tailwind doesn't generate the `space-y-*`/padding utilities. The earlier `space-y-5` approach was a no-op in apps that don't scan this package's classes.
+
 ## 4.1.2
 
 ### Fixed

package/dist/components/DevFeedback.svelte

@@ -419,7 +419,7 @@
 				<!-- Header (draggable) -->
 				<div
 					role="presentation"
-					class="flex items-center justify-between px-5 py-4 border-b border-border shrink-0 select-none"
+					class="flex items-center justify-between px-6 py-4 border-b border-border shrink-0 select-none"
 					style="cursor: {isDragging ? 'grabbing' : 'grab'};"
 					onmousedown={handleDragStart}
 				>
@@ -443,7 +443,7 @@
 				</div>
 
 				<!-- Body (scrollable) -->
-				<div class="p-5 space-y-4 overflow-y-auto">
+				<div class="p-6 space-y-4 overflow-y-auto">
 					{#if submitResult === 'success'}
 						<div class="text-center py-6">
 							<i class="fa-solid fa-check-circle text-3xl text-green-400"></i>
@@ -453,11 +453,6 @@
 							</p>
 						</div>
 					{:else}
-						<div class="flex items-center gap-1.5 text-xs text-foreground-tertiary">
-							<i class="fa-solid fa-user" aria-hidden="true"></i>
-							<span>Submitting as <span class="font-medium text-foreground-secondary">{userEmail}</span></span>
-						</div>
-
 						<Input
 							bind:value={formTitle}
 							placeholder={formType === 'bug' ? 'Brief summary of the bug' : 'Feature title'}
@@ -545,7 +540,7 @@
 
 				<!-- Footer -->
 				{#if submitResult !== 'success' && hasUserEmail}
-					<div class="flex justify-end gap-2 px-5 py-4 border-t border-border shrink-0">
+					<div class="flex justify-end gap-2 px-6 py-4 border-t border-border shrink-0">
 						<Button variant="neutral" style="outline" onclick={() => (formOpen = false)}>
 							Cancel
 						</Button>

package/dist/components/board/FeedbackSidebar.svelte

@@ -60,7 +60,7 @@
 
 	<Divider class="my-2" />
 
-	<div class="space-y-5 px-5 py-2">
+	<div class="sf-filter-group">
 		<Select
 			label="Status"
 			class="rounded-lg border-0 bg-surface-hover"
@@ -76,3 +76,16 @@
 	</div>
 </aside>
 
+<style>
+	/* Spacing/padding is bundled in the component (not Tailwind utilities) so it
+	   applies regardless of whether the consuming app's Tailwind generates these
+	   classes. gap → space between the Status and Sort By selects; the 1.25rem
+	   inline padding lines the labels up with the "All" filter above. */
+	.sf-filter-group {
+		display: flex;
+		flex-direction: column;
+		gap: 1.25rem;
+		padding: 0.5rem 1.25rem;
+	}
+</style>
+

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@alliance-droid/status-feedback-system",
-	"version": "4.1.2",
+	"version": "4.1.4",
 	"type": "module",
 	"description": "Drop-in system status pages and user feedback forms for SvelteKit apps",
 	"svelte": "./dist/index.js",