new functions

pytorrent/static/styles.css

@@ -1774,3 +1774,66 @@ body.mobile-mode #mobileList {
 #statusSockets {
   white-space: nowrap;
 }
+
+
+/* Torrent statistics */
+.torrent-stats-toolbar {
+  display: flex;
+  align-items: center;
+  gap: 0.75rem;
+  flex-wrap: wrap;
+}
+
+.torrent-stats-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
+  gap: 0.75rem;
+}
+
+.torrent-stats-card {
+  display: flex;
+  flex-direction: column;
+  gap: 0.25rem;
+  min-width: 0;
+  padding: 0.75rem;
+  border: 1px solid var(--bs-border-color);
+  border-radius: 0.85rem;
+  background: rgba(var(--bs-secondary-bg-rgb), 0.45);
+}
+
+.torrent-stats-card b {
+  color: var(--bs-secondary-color);
+  font-size: 0.75rem;
+  font-weight: 700;
+  text-transform: uppercase;
+}
+
+.torrent-stats-card span {
+  font-size: 1.05rem;
+  font-weight: 700;
+}
+
+.torrent-stats-card small {
+  color: var(--bs-secondary-color);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+/* Peer table links */
+.peer-ip {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.35rem;
+  white-space: nowrap;
+}
+
+.peer-ip-link {
+  color: var(--bs-secondary-color);
+  font-size: 0.75rem;
+  text-decoration: none;
+}
+
+.peer-ip-link:hover {
+  color: var(--bs-primary);
+}