Style torrent detail sidebar

client/source/sass/objects/_torrents.scss

@@ -1,29 +1,32 @@
+.torrents {
+  display: flex;
+  flex: 5;
+  position: relative;
+}
+
 .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;
       overflow: auto;
       position: relative;
-      transition: opacity 1s;
+      transition: max-width 0.5s, opacity 1s;
       user-select: none;
-    }
+      z-index: 1;
 
-    &:before {
-      background: $torrent-list--background;
-      bottom: 0;
-      content: '';
-      left: 0;
-      position: absolute;
-      right: 0;
-      top: 0;
-      z-index: 0;
+      .has-sidepanel & {
+        max-width: 60%;
+      }
     }
 
     &--empty {
@@ -82,6 +85,7 @@
       color: $torrent--primary--foreground;
       flex: 4;
       line-height: 1.3;
+      white-space: nowrap;
 
       .is-stopped & {
         color: $torrent--primary--foreground--stopped;

client/source/sass/objects/_transfer-data.scss

@@ -0,0 +1,18 @@
+.transfer-data {
+
+  &--download {
+    color: $transfer-data--download;
+
+    .icon {
+      fill: $transfer-data--download;
+    }
+  }
+
+  &--upload {
+    color: $transfer-data--upload;
+
+    .icon {
+      fill: $transfer-data--upload;
+    }
+  }
+}