Merge pull request #18 from TomasTNunes/dev

merge 'dev' into 'master' for release

Author: TomasTNunes

README.md

@@ -100,10 +100,13 @@ Here are some handy tips and tricks to enhance your experience with the extensio
 ### 3. Choose Your Default Streaming Server  
 - Customize your experience by selecting your preferred default server in the extension popup. This ensures your streaming webpage always opens with your chosen server.  
 
-### 4. Android: App-Like Experience  
+### 4. Quick Navigation Back to TMDB
+- Clicking on the movie/tv show title on the streaming webpage will redirect you to the corresponding TMDB page, making it easier to switch between these two.
+
+### 5. Android: App-Like Experience  
 - For a more seamless, app-like experience on Android, add the TMDB homepage to your device’s home screen. This allows quick access without opening a browser.  
 
-### 5. Edge: Install TMDB as an App  
+### 6. Edge: Install TMDB as an App  
 - On Microsoft Edge, you can install TMDB as a standalone app for a more immersive experience. Here’s how:  
   1. Go to the [TMDB website](https://www.themoviedb.org/).  
   2. Click on the three dots (settings) in the top-right corner.  
@@ -144,3 +147,7 @@ If you have any questions, encounter issues, or have suggestions for improvement
 ![Streaming Servers](assets/screenshots/player_movie.png)
 
 ![Streaming Servers](assets/screenshots/player_show.png)
+
+### Popup:
+
+![Popup](assets/screenshots/popup.png)

src/assets/popup/popup.js

@@ -39,16 +39,22 @@ serverSelect.addEventListener('change', () => {
 });
 
 // Open TMDB Website
-tmdbButton.addEventListener('click', () => {
-    window.open('https://www.themoviedb.org/', '_blank');
+document.addEventListener("DOMContentLoaded", () => {
+    tmdbButton.addEventListener('click', () => {
+        chrome.tabs.create({ url: 'https://www.themoviedb.org/' });
+    });
 });
 
 // Open GitHub Repository
-gitButton.addEventListener('click', () => {
-    window.open('https://github.com/TomasTNunes/TMDB-Player/tree/master?tab=readme-ov-file#tmdb-player', '_blank');
+document.addEventListener("DOMContentLoaded", () => {
+    gitButton.addEventListener('click', () => {
+        chrome.tabs.create({ url: 'https://github.com/TomasTNunes/TMDB-Player/tree/master?tab=readme-ov-file#tmdb-player' });
+    });
 });
 
 // Open Bug Report Page
-bugButton.addEventListener('click', () => {
-    window.open('https://github.com/TomasTNunes/TMDB-Player/issues', '_blank');
+document.addEventListener("DOMContentLoaded", () => {
+    bugButton.addEventListener('click', () => {
+        chrome.tabs.create({ url: 'https://github.com/TomasTNunes/TMDB-Player/issues' });
+    });
 });

webpage/styles.css

@@ -81,7 +81,6 @@ body {
     max-width: 60%;
     text-overflow: ellipsis;
     overflow: hidden;
-    flex: 1; /* Allow the title to take up remaining space */
     margin: 0 16px; /* Add some margin to prevent overlap */
     cursor: pointer;
 }