tracker details

pytorrent/static/styles.css

@@ -2221,8 +2221,55 @@ body.mobile-mode .mobile-filter-bar {
   max-width: 520px;
 }
 
+.tracker-table {
+  min-width: 960px;
+  table-layout: fixed;
+  width: 100%;
+}
+
+.tracker-table th,
+.tracker-table td {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  vertical-align: middle;
+}
+
+.tracker-table th:nth-child(1),
+.tracker-table td:nth-child(1) {
+  width: 6%;
+}
+
+.tracker-table th:nth-child(2),
+.tracker-table td:nth-child(2) {
+  width: 38%;
+}
+
+.tracker-table th:nth-child(3),
+.tracker-table td:nth-child(3),
+.tracker-table th:nth-child(4),
+.tracker-table td:nth-child(4),
+.tracker-table th:nth-child(5),
+.tracker-table td:nth-child(5) {
+  width: 10%;
+}
+
+.tracker-table th:nth-child(6),
+.tracker-table td:nth-child(6) {
+  width: 16%;
+}
+
+.tracker-table th:nth-child(7),
+.tracker-table td:nth-child(7) {
+  width: 10%;
+}
+
 .tracker-url-text {
-  word-break: break-all;
+  display: block;
+  max-width: 100%;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 
 .tool-note {
@@ -5450,10 +5497,11 @@ body,
 
 .mobile-details-files-table {
   margin-bottom: 0;
+  min-width: 760px;
 }
 
-.mobile-details-files-table {
-  min-width: 760px;
+.mobile-details-trackers-table {
+  margin-bottom: 0;
 }
 
 .mobile-details-files-table .file-progress {