improved the widget panel appearance

Author: gcclinux

README.md

@@ -12,10 +12,18 @@ A compact weather widget for your desktop.
 
 ![Win32 Transparent Background](images/win32-transparent-background.png)
 
-**Weather Widget Settings**  
+**Weather Widget Location Settings**  
 
 ![Weather Widget Settings](images/weather-widget-sesstings.png)
 
+**Weather Widget Appearance Settings**  
+
+![Weather Widget Settings](images/weather-widget-sesstings-apperance.png)
+
+## Download
+
+You can download the latest pre-compiled binaries for Windows and Linux from the [GitHub Releases](https://github.com/gcclinux/WeatherWidget/releases) page.
+
 ## Compilation
 
 ### Windows

images/weather-widget-sesstings-apperance.png

@@ -10,6 +10,7 @@ import (
 	"fyne.io/fyne/v2/canvas"
 	"fyne.io/fyne/v2/container"
 	"fyne.io/fyne/v2/layout"
+	"fyne.io/fyne/v2/theme"
 	"fyne.io/fyne/v2/widget"
 
 	"weatherwidget/assets"
@@ -20,10 +21,10 @@ import (
 type CityPanel struct {
 	container  *fyne.Container
 	iconWidget *canvas.Image
-	tempLabel  *widget.Label
+	tempText   *canvas.Text
 	descLabel  *widget.Label
-	cityLabel  *widget.Label
-	timeLabel  *widget.Label
+	cityText   *canvas.Text
+	timeText   *canvas.Text
 	dateLabel  *widget.Label
 	errorIcon  *canvas.Image
 
@@ -50,42 +51,52 @@ func NewCityPanel() *CityPanel {
 	res := loadIconFromAssets(weather.IconCloudy)
 	p.iconWidget = canvas.NewImageFromResource(res)
 	p.iconWidget.FillMode = canvas.ImageFillContain
-	p.iconWidget.SetMinSize(fyne.NewSize(40, 40))
+	p.iconWidget.SetMinSize(fyne.NewSize(64, 64))
 
 	// Error indicator icon — hidden by default.
 	p.errorIcon = canvas.NewImageFromResource(nil)
 	p.errorIcon.FillMode = canvas.ImageFillContain
 	p.errorIcon.SetMinSize(fyne.NewSize(16, 16))
 	p.errorIcon.Hide()
 
-	// Labels with placeholder text.
-	p.tempLabel = widget.NewLabel("--°C")
-	p.tempLabel.Alignment = fyne.TextAlignCenter
+	// Labels with appealing typography.
+	p.cityText = canvas.NewText("City, RG", theme.ForegroundColor())
+	p.cityText.TextSize = 18
+	p.cityText.TextStyle = fyne.TextStyle{Bold: true}
+	p.cityText.Alignment = fyne.TextAlignCenter
+
+	p.tempText = canvas.NewText("--°C", theme.ForegroundColor())
+	p.tempText.TextSize = 42
+	p.tempText.TextStyle = fyne.TextStyle{Bold: true}
+	p.tempText.Alignment = fyne.TextAlignCenter
 
 	p.descLabel = widget.NewLabel("--")
 	p.descLabel.Alignment = fyne.TextAlignCenter
+	p.descLabel.TextStyle = fyne.TextStyle{Italic: true}
 
-	p.cityLabel = widget.NewLabel("City, RG")
-	p.cityLabel.Alignment = fyne.TextAlignCenter
-
-	p.timeLabel = widget.NewLabel("--:--:--")
-	p.timeLabel.Alignment = fyne.TextAlignCenter
+	p.timeText = canvas.NewText("--:--:--", theme.ForegroundColor())
+	p.timeText.TextSize = 20
+	p.timeText.TextStyle = fyne.TextStyle{Bold: true}
+	p.timeText.Alignment = fyne.TextAlignCenter
 
 	p.dateLabel = widget.NewLabel("--/--/----")
 	p.dateLabel.Alignment = fyne.TextAlignCenter
 
 	// Icon row: weather icon + error icon overlay.
 	iconRow := container.NewHBox(layout.NewSpacer(), p.iconWidget, p.errorIcon, layout.NewSpacer())
 
-	// Vertical stack: city, icon, temp, description, time, date.
-	p.container = container.NewVBox(
-		container.NewCenter(p.cityLabel),
+	// Vertical stack with extra breathing room and separators
+	p.container = container.NewPadded(container.NewVBox(
+		container.NewCenter(p.cityText),
+		layout.NewSpacer(),
 		iconRow,
-		container.NewCenter(p.tempLabel),
+		container.NewCenter(p.tempText),
 		container.NewCenter(p.descLabel),
-		container.NewCenter(p.timeLabel),
+		layout.NewSpacer(),
+		widget.NewSeparator(),
+		container.NewCenter(p.timeText),
 		container.NewCenter(p.dateLabel),
-	)
+	))
 
 	return p
 }
@@ -110,9 +121,13 @@ func (p *CityPanel) Update(data *weather.WeatherData) {
 	}
 
 	// Update labels.
-	p.tempLabel.SetText(weather.FormatTemperature(data.Temperature))
+	p.tempText.Text = weather.FormatTemperature(data.Temperature)
+	p.tempText.Refresh()
+	
 	p.descLabel.SetText(weather.FormatDescription(data.Description))
-	p.cityLabel.SetText(weather.FormatCityRegion(data.CityName, data.Region))
+	
+	p.cityText.Text = weather.FormatCityRegion(data.CityName, data.Region)
+	p.cityText.Refresh()
 
 	// Hide error indicator on successful update.
 	p.errorIcon.Hide()
@@ -158,7 +173,8 @@ func (p *CityPanel) StartClock(timezone string) {
 
 	// Set the time immediately before the first tick.
 	now := time.Now()
-	p.timeLabel.SetText(weather.FormatTime(now, timezone))
+	p.timeText.Text = weather.FormatTime(now, timezone)
+	p.timeText.Refresh()
 	p.dateLabel.SetText(weather.FormatDate(now, timezone))
 
 	go func() {
@@ -170,7 +186,8 @@ func (p *CityPanel) StartClock(timezone string) {
 				timeStr := weather.FormatTime(t, timezone)
 				dateStr := weather.FormatDate(t, timezone)
 				fyne.Do(func() {
-					p.timeLabel.SetText(timeStr)
+					p.timeText.Text = timeStr
+					p.timeText.Refresh()
 					p.dateLabel.SetText(dateStr)
 				})
 			}

images/weather-widget-sesstings.png

@@ -4,10 +4,12 @@ import (
 	"testing"
 	"time"
 
+	"fyne.io/fyne/v2/test"
 	"weatherwidget/internal/weather"
 )
 
 func TestNewCityPanel(t *testing.T) {
+	test.NewApp()
 	p := NewCityPanel()
 	if p == nil {
 		t.Fatal("NewCityPanel returned nil")
@@ -18,35 +20,36 @@ func TestNewCityPanel(t *testing.T) {
 	if p.iconWidget == nil {
 		t.Error("iconWidget is nil")
 	}
-	if p.tempLabel == nil {
-		t.Error("tempLabel is nil")
+	if p.tempText == nil {
+		t.Error("tempText is nil")
 	}
 	if p.descLabel == nil {
 		t.Error("descLabel is nil")
 	}
-	if p.cityLabel == nil {
-		t.Error("cityLabel is nil")
+	if p.cityText == nil {
+		t.Error("cityText is nil")
 	}
-	if p.timeLabel == nil {
-		t.Error("timeLabel is nil")
+	if p.timeText == nil {
+		t.Error("timeText is nil")
 	}
 	if p.errorIcon == nil {
 		t.Error("errorIcon is nil")
 	}
 
 	// Placeholder content checks.
-	if p.tempLabel.Text != "--°C" {
-		t.Errorf("tempLabel placeholder = %q, want %q", p.tempLabel.Text, "--°C")
+	if p.tempText.Text != "--°C" {
+		t.Errorf("tempText placeholder = %q, want %q", p.tempText.Text, "--°C")
 	}
-	if p.cityLabel.Text != "City, RG" {
-		t.Errorf("cityLabel placeholder = %q, want %q", p.cityLabel.Text, "City, RG")
+	if p.cityText.Text != "City, RG" {
+		t.Errorf("cityText placeholder = %q, want %q", p.cityText.Text, "City, RG")
 	}
 	if p.errorIcon.Visible() {
 		t.Error("errorIcon should be hidden initially")
 	}
 }
 
 func TestCityPanel_Container(t *testing.T) {
+	test.NewApp()
 	p := NewCityPanel()
 	c := p.Container()
 	if c == nil {
@@ -58,6 +61,7 @@ func TestCityPanel_Container(t *testing.T) {
 }
 
 func TestCityPanel_Update(t *testing.T) {
+	test.NewApp()
 	p := NewCityPanel()
 
 	data := &weather.WeatherData{
@@ -72,30 +76,32 @@ func TestCityPanel_Update(t *testing.T) {
 
 	p.Update(data)
 
-	if p.tempLabel.Text != "24°C" {
-		t.Errorf("tempLabel = %q, want %q", p.tempLabel.Text, "24°C")
+	if p.tempText.Text != "24°C" {
+		t.Errorf("tempText = %q, want %q", p.tempText.Text, "24°C")
 	}
 	if p.descLabel.Text != "Partial Sunny" {
 		t.Errorf("descLabel = %q, want %q", p.descLabel.Text, "Partial Sunny")
 	}
-	if p.cityLabel.Text != "Holambra, SP" {
-		t.Errorf("cityLabel = %q, want %q", p.cityLabel.Text, "Holambra, SP")
+	if p.cityText.Text != "Holambra, SP" {
+		t.Errorf("cityText = %q, want %q", p.cityText.Text, "Holambra, SP")
 	}
 	if p.errorIcon.Visible() {
 		t.Error("errorIcon should be hidden after successful update")
 	}
 }
 
 func TestCityPanel_UpdateNil(t *testing.T) {
+	test.NewApp()
 	p := NewCityPanel()
 	// Should not panic.
 	p.Update(nil)
-	if p.tempLabel.Text != "--°C" {
-		t.Errorf("tempLabel should remain placeholder after nil update, got %q", p.tempLabel.Text)
+	if p.tempText.Text != "--°C" {
+		t.Errorf("tempText should remain placeholder after nil update, got %q", p.tempText.Text)
 	}
 }
 
 func TestCityPanel_ShowError(t *testing.T) {
+	test.NewApp()
 	p := NewCityPanel()
 
 	// Non-stale error.
@@ -115,6 +121,7 @@ func TestCityPanel_ShowError(t *testing.T) {
 }
 
 func TestCityPanel_ShowErrorThenUpdate(t *testing.T) {
+	test.NewApp()
 	p := NewCityPanel()
 	p.ShowError(false)
 	if !p.errorIcon.Visible() {
@@ -137,16 +144,17 @@ func TestCityPanel_ShowErrorThenUpdate(t *testing.T) {
 }
 
 func TestCityPanel_StartStopClock(t *testing.T) {
+	test.NewApp()
 	p := NewCityPanel()
 
 	p.StartClock("America/Sao_Paulo")
 
 	// Give the ticker a moment to fire.
 	time.Sleep(1200 * time.Millisecond)
 
-	text := p.timeLabel.Text
+	text := p.timeText.Text
 	if text == "--/--/---- - --:--:--" {
-		t.Error("timeLabel should have been updated by the clock")
+		t.Error("timeText should have been updated by the clock")
 	}
 
 	p.StopClock()
@@ -156,6 +164,7 @@ func TestCityPanel_StartStopClock(t *testing.T) {
 }
 
 func TestCityPanel_StartClockReplacesExisting(t *testing.T) {
+	test.NewApp()
 	p := NewCityPanel()
 
 	p.StartClock("UTC")