diff --git a/client/source/sass/objects/_torrent-details-panel.scss b/client/source/sass/objects/_torrent-details-panel.scss index 4244cd87..c7a2cba3 100644 --- a/client/source/sass/objects/_torrent-details-panel.scss +++ b/client/source/sass/objects/_torrent-details-panel.scss @@ -49,12 +49,19 @@ &__file-data { + &__item { + line-height: 1.2; + margin-bottom: 5px; + word-wrap: break-word; + } + &__directory { color: $torrent-details--file-data--directory; font-size: 0.85em; } - &__depth--1 { + &__depth--1, + &__filename { padding-left: 10px; } diff --git a/client/source/sass/objects/_torrents.scss b/client/source/sass/objects/_torrents.scss index ce4512ff..ac67e459 100644 --- a/client/source/sass/objects/_torrents.scss +++ b/client/source/sass/objects/_torrents.scss @@ -2,19 +2,28 @@ display: flex; flex: 5; position: relative; + + &:after { + background: $torrent-list--background; + bottom: 0; + box-shadow: -1px 0 0 0 $torrent-list--border; + content: ''; + height: auto; + left: 10px; + position: absolute; + right: 0; + top: 0; + } } .torrent { &__list { - background: $torrent-list--background; - box-shadow: -1px 0 0 0 $torrent-list--border; margin: 0 0 0 10px; padding: 10px 0; position: relative; &__wrapper { - height: auto; list-style: none; max-width: 100%; opacity: 1;