Fix Dashboard: Add missing cursor-pointer CSS and make Episodes widget clickable #54

Merged

Copilot merged 2 commits from copilot/fix-episodes-widget-clickability into main

2026-01-18 22:06:26 +00:00

Copilot commented

2026-01-18 21:48:05 +00:00

(Migrated from github.com)

The Dashboard referenced a .cursor-pointer CSS class that was never defined, and the Episodes widget lacked click handling despite appearing interactive.

Changes

Added .cursor-pointer CSS class definition in wwwroot/css/app.css
```
.cursor-pointer {
    cursor: pointer;
}
```
Made Episodes widget clickable in Dashboard.razor
- Added cursor-pointer class and @onclick="GoToFeeds" handler
- Episodes widget now navigates to /feeds (episodes are per-feed)
- Matches existing pattern used by Feeds and Downloads widgets

Result

All clickable dashboard widgets now show pointer cursor on hover and have consistent interaction behavior. Server Status widget remains non-clickable (no dedicated status page).

Original prompt

This section details on the original issue you should resolve

<issue_title>Dashboard: Episodes widget not clickable, missing cursor-pointer CSS</issue_title>
<issue_description>## Description
On the Dashboard (/), the Feeds and Downloads widgets are clickable, but the Server Status and Episodes widgets are not. Additionally, the cursor-pointer CSS class is used but not defined.

Analysis

Dashboard.razor (lines 14-59)

Clickable widgets (have onclick and cursor-pointer):

Feeds widget (line 27): Class="pa-4 cursor-pointer" @onclick="GoToFeeds"

Downloads widget (line 49): Class="pa-4 cursor-pointer" @onclick="GoToDownloads"

Non-clickable widgets (missing both):

Server Status widget (line 15): Class="pa-4" - No onclick

Episodes widget (line 38): Class="pa-4" - No onclick

Missing CSS

wwwroot/css/app.css does not define the .cursor-pointer class, so even clickable widgets don't show pointer cursor.

Files

Components/Pages/Dashboard.razor:14-59 - Widget definitions

wwwroot/css/app.css - Missing cursor-pointer class

Steps to Fix
Add to app.css:
.cursor-pointer {
    cursor: pointer;
}
Add onclick to Episodes widget that navigates to feeds page (since episodes are per-feed)

Server Status widget could remain non-clickable (no dedicated status page)
Acceptance Criteria

Cursor changes to pointer on hovering clickable widgets

Clicking Episodes widget navigates to /feeds

All interactive elements have visual feedback</issue_description>

Comments on the Issue (you are @copilot in this section)

Fixes joezombie/btb_pod#50

💬 We'd love your input! Share your thoughts on Copilot coding agent in our 2 minute survey.

The Dashboard referenced a `.cursor-pointer` CSS class that was never defined, and the Episodes widget lacked click handling despite appearing interactive. ## Changes - **Added `.cursor-pointer` CSS class definition** in `wwwroot/css/app.css` ```css .cursor-pointer { cursor: pointer; } ``` - **Made Episodes widget clickable** in `Dashboard.razor` - Added `cursor-pointer` class and `@onclick="GoToFeeds"` handler - Episodes widget now navigates to `/feeds` (episodes are per-feed) - Matches existing pattern used by Feeds and Downloads widgets ## Result All clickable dashboard widgets now show pointer cursor on hover and have consistent interaction behavior. Server Status widget remains non-clickable (no dedicated status page).  <details> <summary>Original prompt</summary> > > ---- > > *This section details on the original issue you should resolve* > > <issue_title>Dashboard: Episodes widget not clickable, missing cursor-pointer CSS</issue_title> > <issue_description>## Description > On the Dashboard (`/`), the Feeds and Downloads widgets are clickable, but the Server Status and Episodes widgets are not. Additionally, the `cursor-pointer` CSS class is used but not defined. > > ## Analysis > > ### Dashboard.razor (lines 14-59) > **Clickable widgets (have onclick and cursor-pointer):** > - Feeds widget (line 27): `Class="pa-4 cursor-pointer" @onclick="GoToFeeds"` > - Downloads widget (line 49): `Class="pa-4 cursor-pointer" @onclick="GoToDownloads"` > > **Non-clickable widgets (missing both):** > - Server Status widget (line 15): `Class="pa-4"` - No onclick > - Episodes widget (line 38): `Class="pa-4"` - No onclick > > ### Missing CSS > `wwwroot/css/app.css` does not define the `.cursor-pointer` class, so even clickable widgets don't show pointer cursor. > > ## Files > - `Components/Pages/Dashboard.razor:14-59` - Widget definitions > - `wwwroot/css/app.css` - Missing cursor-pointer class > > ## Steps to Fix > 1. Add to `app.css`: > ```css > .cursor-pointer { > cursor: pointer; > } > ``` > > 2. Add onclick to Episodes widget that navigates to feeds page (since episodes are per-feed) > > 3. Server Status widget could remain non-clickable (no dedicated status page) > > ## Acceptance Criteria > - [ ] Cursor changes to pointer on hovering clickable widgets > - [ ] Clicking Episodes widget navigates to `/feeds` > - [ ] All interactive elements have visual feedback</issue_description> > > ## Comments on the Issue (you are @copilot in this section) > > <comments> > </comments> > </details>  - Fixes joezombie/btb_pod#50  --- 💬 We'd love your input! Share your thoughts on Copilot coding agent in our [2 minute survey](https://gh.io/copilot-coding-agent-survey).

joezombie (Migrated from github.com) reviewed

2026-01-18 21:48:05 +00:00

copilot-pull-request-reviewer[bot] (Migrated from github.com) reviewed

2026-01-18 22:07:32 +00:00

copilot-pull-request-reviewer[bot] (Migrated from github.com) left a comment

Pull request overview

This PR fixes the Dashboard UI by adding the missing .cursor-pointer CSS class definition and making the Episodes widget clickable, ensuring consistent interaction behavior across all dashboard widgets.

Changes:

Added .cursor-pointer CSS class definition in app.css to display pointer cursor on hover
Made Episodes widget clickable by adding cursor-pointer class and @onclick="GoToFeeds" handler

Reviewed changes

Copilot reviewed 2 out of 2 changed files in this pull request and generated no comments.

File	Description
Castr/wwwroot/css/app.css	Added `.cursor-pointer` CSS class definition that was previously referenced but not defined
Castr/Components/Pages/Dashboard.razor	Made Episodes widget clickable by adding cursor-pointer class and onclick handler to navigate to feeds page

## Pull request overview This PR fixes the Dashboard UI by adding the missing `.cursor-pointer` CSS class definition and making the Episodes widget clickable, ensuring consistent interaction behavior across all dashboard widgets. **Changes:** - Added `.cursor-pointer` CSS class definition in `app.css` to display pointer cursor on hover - Made Episodes widget clickable by adding `cursor-pointer` class and `@onclick="GoToFeeds"` handler ### Reviewed changes Copilot reviewed 2 out of 2 changed files in this pull request and generated no comments. | File | Description | | ---- | ----------- | | Castr/wwwroot/css/app.css | Added `.cursor-pointer` CSS class definition that was previously referenced but not defined | | Castr/Components/Pages/Dashboard.razor | Made Episodes widget clickable by adding cursor-pointer class and onclick handler to navigate to feeds page |