diff --git a/pikaraoke/templates/files.html b/pikaraoke/templates/files.html
index d68ecab9..19536f71 100644
--- a/pikaraoke/templates/files.html
+++ b/pikaraoke/templates/files.html
@@ -53,6 +53,19 @@
top: 3px;
z-index: 20;
}
+ table {
+ width: 100%;
+ table-layout: auto; /* Allows columns to adjust based on content */
+ }
+ td {
+ word-wrap: break-word; /* Ensures long words break to fit within the cell */
+ }
+ .break-word {
+ word-break: break-all; /* Ensures long words break to fit within the cell */
+ }
+ .mobile-hide {
+ visibility: hidden;
+ }
@media screen and (max-width: 500px) {
#alpha-bar {
font-size: 13px;
@@ -65,9 +78,6 @@
max-width: 22px;
height: 95vh;
}
- .mobile-hide {
- visibility: hidden;
- }
}
{% endblock %} {% block content %}
@@ -102,14 +112,8 @@
{% for song in songs %}
-
- {{loop.index + pagination.skip}}
- |
-
+ | {{loop.index + pagination.skip}} |
+
>
|
- {{filename_from_path(song)}} |
+
+ {{filename_from_path(song)}}
+ |
{% if admin %}
-
+ |
|