fix(client): misc styles (#691)

client/src/javascript/components/general/LinkedText.tsx

@@ -18,13 +18,13 @@ function isValidHttpUrl(s: string) {
 }
 
 const LinkedText: FC<LinkedTextProps> = ({text, className}: LinkedTextProps) => {
-  const nodes = text.split(/([ \n])/).map((s) => {
+  const nodes = text.split(/([ \n])/).map((s, index) => {
     if (s === '\n') {
-      return <br />;
+      return <br key={index} />;
     }
     if (isValidHttpUrl(s)) {
       return (
-        <a href={s.trimEnd()} target="_blank" rel="noopener noreferrer">
+        <a href={s.trimEnd()} target="_blank" rel="noopener noreferrer" key={index}>
           {s}
         </a>
       );

client/src/sass/components/_torrent.scss

@@ -437,6 +437,11 @@ $more-info--border: floating-action.$textbox-repeater--button--border;
           width: 70px;
         }
 
+        &--directory {
+          width: auto;
+          max-width: 300px;
+        }
+
         &--tags {
           &:last-child {
             margin-left: auto;

client/src/sass/components/_torrents.scss

@@ -26,11 +26,12 @@
     text-align: center;
 
     &__wrapper {
-      justify-content: center;
-      align-items: center;
-      // bottom: 0;
       display: flex;
       flex-direction: column;
+      justify-content: center;
+      align-items: center;
+      gap: math.div(variables.$spacing-unit * 1, 3);
+      // bottom: 0;
       // left: $torrent-list--offset;
       // position: absolute;
       // right: 0;