pytorrent/static/styles.css

@@ -4848,80 +4848,34 @@ body,
   overflow-wrap: anywhere;
 }
 
-.mobile-details-peers-table {
+.mobile-details-peers-table,
+.mobile-details-files-table {
   margin-bottom: 0;
+}
+
+.mobile-details-peers-table {
   min-width: 720px;
 }
 
-.mobile-details-file-tree,
-.mobile-details-file-tree ul {
-  display: grid;
-  gap: 0.4rem;
-  list-style: none;
-  margin: 0;
-  padding: 0;
+.mobile-details-files-table {
+  min-width: 760px;
 }
 
-.mobile-details-file-tree ul {
-  margin-top: 0.4rem;
-  padding-left: 0.8rem;
+.mobile-details-files-table .file-progress {
+  min-width: 7.5rem;
 }
 
-.mobile-details-folder-node summary,
-.mobile-details-file-node {
-  background: rgba(var(--bs-body-bg-rgb), 0.65);
-  border: 1px solid var(--bs-border-color);
-  border-radius: 0.65rem;
-  padding: 0.5rem;
+.mobile-details-files-table .file-priority {
+  min-width: 6.5rem;
 }
 
-.mobile-details-folder-node summary {
-  align-items: center;
-  cursor: pointer;
-  display: flex;
-  gap: 0.45rem;
-  list-style: none;
-}
-
-.mobile-details-folder-node summary::-webkit-details-marker {
-  display: none;
-}
-
-.mobile-details-folder-node summary::after {
-  color: var(--bs-secondary-color);
-  content: '\f107';
-  font-family: 'Font Awesome 6 Free';
-  font-weight: 900;
-  margin-left: auto;
-}
-
-.mobile-details-folder-node details[open] > summary::after {
-  content: '\f106';
-}
-
-.mobile-details-file-node {
-  display: grid;
-  gap: 0.35rem;
-}
-
-.mobile-details-file-main {
-  align-items: center;
-  display: flex;
-  gap: 0.45rem;
-  min-width: 0;
-}
-
-.mobile-details-file-main span {
-  overflow-wrap: anywhere;
-}
-
-.mobile-details-file-actions {
-  display: flex;
-  gap: 0.35rem;
-}
-
-.mobile-details-file-node small {
-  color: var(--bs-secondary-color);
+.mobile-details-file-path {
+  display: inline-block;
+  max-width: 24rem;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  vertical-align: middle;
+  white-space: nowrap;
 }
 
 .mobile-details-empty,