diff --git a/LyricsPy/static/style.css b/LyricsPy/static/style.css index 7257314..9754aa0 100644 --- a/LyricsPy/static/style.css +++ b/LyricsPy/static/style.css @@ -117,3 +117,35 @@ pre { .tabcontent.active { display: block; } + +table { + width: 100%; + border-collapse: collapse; + margin: 20px 0; +} + +table, th, td { + border: 1px solid #ddd; +} + +th, td { + padding: 10px; + text-align: left; +} + +th { + background-color: #f2f2f2; +} + +tr:nth-child(even) { + background-color: #f9f9f9; +} + +a { + color: #007BFF; + text-decoration: none; +} + +a:hover { + text-decoration: underline; +} \ No newline at end of file diff --git a/LyricsPy/templates/index.html b/LyricsPy/templates/index.html index 1dac9b7..82736fc 100644 --- a/LyricsPy/templates/index.html +++ b/LyricsPy/templates/index.html @@ -8,13 +8,28 @@

Song List

- + {% if songs %} + + + + + + + + + + {% for song in songs %} + + + + + + {% endfor %} + +
TitleAuthorAlbum
{{ song.title }}{{ song.author }}{{ song.album.name }}
+ {% else %} +

No songs found.

+ {% endif %}
diff --git a/LyricsPy/templates/search.html b/LyricsPy/templates/search.html index 9062a1d..2031564 100644 --- a/LyricsPy/templates/search.html +++ b/LyricsPy/templates/search.html @@ -4,13 +4,24 @@

Search Results for "{{ query }}"

{% if songs %} - + + + + + + + + + + {% for song in songs %} + + + + + + {% endfor %} + +
TitleAuthorAlbum
{{ song.title }}{{ song.author }}{{ song.album.name }}
{% else %}

No songs found matching your query.

{% endif %}