Update manifest version to 3.1.4 [▶️]

README.md

@@ -1,24 +1,25 @@
 # Device Tester
 A simple and useful webcam, microphone and audio output tester.
 
-<!-- buttons -->
-[![Stars](https://img.shields.io/github/stars/ivancarlosti/devicetester?label=⭐%20Stars&color=gold&style=flat)](https://github.com/ivancarlosti/devicetester/stargazers)
-[![Watchers](https://img.shields.io/github/watchers/ivancarlosti/devicetester?label=Watchers&style=flat&color=red)](https://github.com/sponsors/ivancarlosti)
-[![Forks](https://img.shields.io/github/forks/ivancarlosti/devicetester?label=Forks&style=flat&color=ff69b4)](https://github.com/sponsors/ivancarlosti)
-[![GitHub commit activity](https://img.shields.io/github/commit-activity/m/ivancarlosti/devicetester?label=Activity)](https://github.com/ivancarlosti/devicetester/pulse)
-[![GitHub Issues](https://img.shields.io/github/issues/ivancarlosti/devicetester?label=Issues&color=orange)](https://github.com/ivancarlosti/devicetester/issues)
-[![License](https://img.shields.io/github/license/ivancarlosti/devicetester?label=License)](LICENSE)  
-[![GitHub last commit](https://img.shields.io/github/last-commit/ivancarlosti/devicetester?label=Last%20Commit)](https://github.com/ivancarlosti/devicetester/commits)
-[![Security](https://img.shields.io/badge/Security-View%20Here-purple)](https://github.com/ivancarlosti/devicetester/security)
-[![Code of Conduct](https://img.shields.io/badge/Code%20of%20Conduct-2.1-4baaaa)](https://github.com/ivancarlosti/devicetester?tab=coc-ov-file)
-[![GitHub Sponsors](https://img.shields.io/github/sponsors/ivancarlosti?label=GitHub%20Sponsors&color=ffc0cb)][sponsor]
-<!-- endbuttons -->
-
 ## Notes
 1. Project inspired in multiple device complex testers across the web.
 2. The music used on test is royalty free and generated by AI.
 3. The page was co-created by AI.
 
+## Docker Compose suggestion
+
+```
+name: devicetester
+
+services:
+  devicetester:
+    image: git.icc.gg/ivancarlos/devicetester:latest
+    container_name: devicetester
+    restart: unless-stopped
+    ports:
+      - "3987:80"
+```
+
 <!-- footer -->
 ---
 
@@ -26,13 +27,10 @@ A simple and useful webcam, microphone and audio output tester.
 * For personal support and queries, please submit a new issue to have it addressed.
 * For commercial related questions, please [**contact me**][ivancarlos] for consulting costs. 
 
-## 🩷 Project support
+| 🩷 Project support |
-| If you found this project helpful, consider |
 | :---: |
-[**buying me a coffee**][buymeacoffee], [**donate by paypal**][paypal], [**sponsor this project**][sponsor] or just [**leave a star**](../..)⭐
+If you found this project helpful, consider [**buying me a coffee**][buymeacoffee]
 |Thanks for your support, it is much appreciated!|
 
 [ivancarlos]: https://ivancarlos.me
 [buymeacoffee]: https://www.buymeacoffee.com/ivancarlos
-[paypal]: https://icc.gg/donate
-[sponsor]: https://github.com/sponsors/ivancarlosti

manifest.json

@@ -1,4 +1,4 @@
 {
-  "version": "3.1.0",
+  "version": "3.1.4",
   "author": "Ivan Carlos"
 }

public/index.html

@@ -50,6 +50,14 @@
       gap: 15px;
       margin-bottom: 30px;
     }
+	
+    #ipv4, #ipv6 {
+      word-break: break-all;
+      overflow-wrap: anywhere;
+      display: inline-block;
+      max-width: 100%;
+      vertical-align: top;
+    }
 
     /* Shared styles for header buttons */
     .theme-toggle,
@@ -285,9 +293,11 @@
     <!-- Network -->
     <div class="test-card">
       <h2 data-i18n="network_title">📡 Network & Browser</h2>
-      <p>IPv4: <strong id="ipv4">...</strong> <span class="status-text" id="geo-ipv4"></span></p>
+      <p>IPv4: <strong id="ipv4">...</strong><br>
+      <span class="status-text" id="geo-ipv4"></span></p>
       <p class="status-text" id="isp-label-ipv4"></p>
-      <p>IPv6: <strong id="ipv6">...</strong> <span class="status-text" id="geo-ipv6"></span></p>
+      <p>IPv6: <strong id="ipv6">...</strong><br>
+      <span class="status-text" id="geo-ipv6"></span></p>
       <p class="status-text" id="isp-label-ipv6"></p>
       <label data-i18n="user_agent_label">User Agent:</label>
       <textarea id="user-agent" rows="2" readonly></textarea>