bugfix: collection form styling

Author: yashranjan1

internal/tui/components/text_input.go

@@ -42,13 +42,13 @@ func (t *TextInput) SetWidth(width int) {
 	if containerWidth < 15 {
 		containerWidth = 15
 	}
-	
+
 	// The actual input width inside the container (subtract border and padding)
 	inputWidth := containerWidth - 4 // 2 for border, 2 for padding
 	if inputWidth < 10 {
 		inputWidth = 10
 	}
-	
+
 	// Ensure the underlying textinput respects the width
 	t.textInput.Width = inputWidth
 }
@@ -78,21 +78,22 @@ func (t TextInput) Update(msg tea.Msg) (TextInput, tea.Cmd) {
 func (t TextInput) View() string {
 	labelStyle := styles.TitleStyle.Copy().
 		Width(12).
+		MarginTop(1).
 		Align(lipgloss.Right)
 
 	// Create a fixed-width container for the input to prevent overflow
 	containerWidth := t.width - 12 - 1 - 2 // Account for label, colon, spacing
 	if containerWidth < 15 {
 		containerWidth = 15
 	}
-	
+
 	inputContainer := styles.ListItemStyle.Copy().
 		Width(containerWidth).
 		Height(1).
 		Border(lipgloss.RoundedBorder()).
 		BorderForeground(styles.Secondary).
 		Padding(0, 1)
-	
+
 	if t.textInput.Focused() {
 		inputContainer = inputContainer.BorderForeground(styles.Primary)
 	}

internal/tui/views/add_collection.go

@@ -45,7 +45,7 @@ func (v AddCollectionView) Update(msg tea.Msg) (AddCollectionView, tea.Cmd) {
 		v.width = msg.Width
 		v.height = msg.Height
 		v.layout.SetSize(v.width, v.height)
-		v.form.SetSize(v.width-4, v.height-8)
+		v.form.SetSize(v.width-50, v.height-8)
 
 	case tea.KeyMsg:
 		if v.submitting {

internal/tui/views/edit_collection.go

@@ -49,7 +49,7 @@ func (v EditCollectionView) Update(msg tea.Msg) (EditCollectionView, tea.Cmd) {
 		v.width = msg.Width
 		v.height = msg.Height
 		v.layout.SetSize(v.width, v.height)
-		v.form.SetSize(v.width-4, v.height-8)
+		v.form.SetSize(v.width-50, v.height-8)
 
 	case tea.KeyMsg:
 		if v.submitting {