fixes

Author: adelowo

internal/tui/model.go

@@ -324,8 +324,11 @@ func (m model) Update(msg tea.Msg) (tea.Model, tea.Cmd) {
 		m.width = msg.Width
 		m.height = msg.Height
 
-		// Update viewport heights
-		contentHeight := m.height - 10 // Reserve space for headers and margins
+		// Reserve space for header (4 lines) + padding
+		headerHeight := 6
+		contentHeight := m.height - headerHeight - 2 // -2 for spacing
+
+		// Adjust list and viewport sizes
 		m.requestList.SetSize(m.width/4, contentHeight)
 		m.detailedRequestView.Height = contentHeight
 		m.detailedResponseView.Height = contentHeight
@@ -389,19 +392,34 @@ func (m model) View() string {
 			))
 	}
 
+	// Style for the header section
 	headerStyle := lipgloss.NewStyle().
 		Width(m.width).
-		Align(lipgloss.Center)
-
-	browserHeader := headerStyle.Render(
-		lipgloss.JoinVertical(lipgloss.Center,
-			boldenString("Inspecting incoming HTTP requests", true),
-			boldenString(fmt.Sprintf("Waiting for requests on %s", m.dumpURL), true),
-			boldenString("Press Ctrl-y to copy the url. Use ctrl-b to copy the json request body in view.", true),
-			boldenString("You can use j,k or arrow up and down to navigate your requests", true),
-		))
-
-	return m.spinner.View() + "\n" + browserHeader + "\n" + m.makeTable()
+		Align(lipgloss.Center).
+		BorderBottom(true).
+		PaddingBottom(1)
+
+	// Create header content
+	header := lipgloss.JoinVertical(lipgloss.Center,
+		boldenString("Inspecting incoming HTTP requests", true),
+		boldenString(fmt.Sprintf("Waiting for requests on %s", m.dumpURL), true),
+		boldenString("Press Ctrl-y to copy the url. Use ctrl-b to copy the json request body in view.", true),
+		boldenString("You can use j,k or arrow up and down to navigate your requests", true),
+	)
+
+	// Render the header with style
+	styledHeader := headerStyle.Render(header)
+
+	// Main content
+	content := m.makeTable()
+
+	// Join everything together with proper spacing
+	return lipgloss.JoinVertical(
+		lipgloss.Top,
+		styledHeader,
+		"\n",
+		content,
+	)
 }
 
 func (m model) buildView() string {
@@ -414,21 +432,21 @@ func (m model) buildView() string {
 	// Left side with request list
 	leftView := lipgloss.NewStyle().
 		Width(leftWidth).
-		Height(m.height).
+		Height(m.height - 8). // Subtract header height
 		Render(m.requestList.View())
 
 	// Right side with request and response side by side
 	rightView := lipgloss.JoinHorizontal(lipgloss.Top,
 		// Request section (headers + body)
 		lipgloss.NewStyle().
 			Width(rightHalfWidth).
-			Height(m.height).
+			Height(m.height-8). // Subtract header height
 			MarginRight(2).
 			Render(m.detailedRequestView.View()),
 		// Response section (headers + body)
 		lipgloss.NewStyle().
 			Width(rightHalfWidth).
-			Height(m.height).
+			Height(m.height-8). // Subtract header height
 			Render(m.detailedResponseView.View()))
 
 	// Join left and right sides