feat: add some ui improvment

internal/ui/components/details.go

@@ -22,6 +22,7 @@ func NewDetails(theme *theme.Theme) *Details {
 	details.view.SetTitleColor(theme.TitleColor)
 	details.view.SetTitleAlign(tview.AlignLeft)
 	details.view.SetBorder(true)
+	details.view.SetBorderPadding(0, 0, 1, 1)
 	return details
 }
 

internal/ui/components/ouput.go

@@ -24,6 +24,7 @@ func NewOutput(theme *theme.Theme) *Output {
 	output.view.SetTitle("Output")
 	output.view.SetTitleColor(theme.TitleColor)
 	output.view.SetTitleAlign(tview.AlignLeft)
+	output.view.SetBorderPadding(0, 0, 1, 1)
 	return output
 }
 

internal/ui/components/search.go

@@ -20,11 +20,11 @@ func NewSearch(theme *theme.Theme) *Search {
 		theme:   theme,
 	}
 
-	search.field.SetLabel("Search (All): ")
+	search.field.SetLabel(tview.Escape("Search (All): "))
+	search.field.SetLabelColor(theme.SearchLabelColor)
+	search.field.SetFieldStyle(tcell.StyleDefault.Italic(true).Underline(true))
 	search.field.SetFieldBackgroundColor(theme.DefaultBgColor)
 	search.field.SetFieldTextColor(theme.DefaultTextColor)
-	search.field.SetLabelColor(theme.LabelColor)
-	search.field.SetFieldWidth(30)
 	search.counter.SetDynamicColors(true)
 	search.counter.SetTextAlign(tview.AlignRight)
 	return search

internal/ui/theme/theme.go

@@ -17,6 +17,7 @@ type Theme struct {
 	ModalBgColor     tcell.Color
 	LegendColor      tcell.Color
 	TableHeaderColor tcell.Color
+	SearchLabelColor tcell.Color
 }
 
 func NewTheme() *Theme {
@@ -27,7 +28,7 @@ func NewTheme() *Theme {
 		SuccessColor:     tcell.ColorGreen,
 		ErrorColor:       tcell.ColorRed,
 
-		TitleColor:      tcell.ColorYellowGreen,
+		TitleColor:      tcell.ColorMediumVioletRed,
 		LabelColor:      tcell.ColorYellow,
 		ButtonBgColor:   tcell.ColorGray,
 		ButtonTextColor: tcell.ColorWhite,
@@ -35,5 +36,6 @@ func NewTheme() *Theme {
 		ModalBgColor:     tcell.ColorDarkSlateGray,
 		LegendColor:      tcell.ColorWhite,
 		TableHeaderColor: tcell.ColorBlue,
+		SearchLabelColor: tcell.ColorMediumVioletRed,
 	}
 }