diff --git a/static/style.css b/static/style.css
index 5bab704..60ff6e1 100644
--- a/static/style.css
+++ b/static/style.css
@@ -65,8 +65,26 @@ menu li:hover {
cursor: pointer;
}
+input.search {
+ padding: 0.5em;
+ width: 30em;
+}
+
#content {
display: flex;
align-items: center;
justify-content: center;
}
+
+ul.torrents {
+ width: 100%;
+}
+
+ul.torrents li {
+ padding: 0.5em;
+ display: grid;
+ grid-template-columns: [title] 60% [seed] 8% [leech] 7% [size] 10% [category] 15% [end];
+}
+ul.torrents li:hover {
+ background-color: bisque;
+}
diff --git a/templates/active_torrents.html b/templates/active_torrents.html
index f064947..72e2612 100644
--- a/templates/active_torrents.html
+++ b/templates/active_torrents.html
@@ -1,9 +1,10 @@
{% block content %}
-
diff --git a/templates/search.html b/templates/search.html
index a6af65e..4275f80 100644
--- a/templates/search.html
+++ b/templates/search.html
@@ -1,6 +1,2 @@
{% block content %}
-
{% endblock %}
diff --git a/templates/torrents.html b/templates/torrents.html
index 35e9c7b..ea44aa3 100644
--- a/templates/torrents.html
+++ b/templates/torrents.html
@@ -1,13 +1,21 @@
{% block content %}
-{% for torrent in torrents %}
--
- {{ torrent.title }}
- ({{ torrent.seeds }})
- ({{ torrent.leeches }})
- ({{ torrent.filesize }})
- {{ torrent.category }}
-
-{% endfor %}
+ -
+ Title
+ Seeds
+ Leeches
+ Filesize
+ Category
+
+
+ {% for torrent in torrents %}
+ -
+ {{ torrent.title }}
+ ({{ torrent.seeds }})
+ ({{ torrent.leeches }})
+ ({{ torrent.filesize }})
+ {{ torrent.category }}
+
+ {% endfor %}
{% endblock %}