From 0709eb7856f9bc2436b1d7ba08afc29247d1a1d7 Mon Sep 17 00:00:00 2001
From: Harry Merritt <harry@mrrtt.me>
Date: Mon, 11 Dec 2023 20:59:45 +0000
Subject: [PATCH] fix(client): misc styles (#691)

---
 client/src/javascript/components/general/LinkedText.tsx | 6 +++---
 client/src/sass/components/_torrent.scss                | 5 +++++
 client/src/sass/components/_torrents.scss               | 5 +++--
 3 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/client/src/javascript/components/general/LinkedText.tsx b/client/src/javascript/components/general/LinkedText.tsx
index b0f4b1458..5fbe11ee9 100644
--- a/client/src/javascript/components/general/LinkedText.tsx
+++ b/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>
       );
diff --git a/client/src/sass/components/_torrent.scss b/client/src/sass/components/_torrent.scss
index 37a39775e..467c8be71 100644
--- a/client/src/sass/components/_torrent.scss
+++ b/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;
diff --git a/client/src/sass/components/_torrents.scss b/client/src/sass/components/_torrents.scss
index 1168c31f9..235f876bd 100644
--- a/client/src/sass/components/_torrents.scss
+++ b/client/src/sass/components/_torrents.scss
@@ -26,11 +26,12 @@
     text-align: center;
 
     &__wrapper {
+      display: flex;
+      flex-direction: column;
       justify-content: center;
       align-items: center;
+      gap: math.div(variables.$spacing-unit * 1, 3);
       // bottom: 0;
-      display: flex;
-      flex-direction: column;
       // left: $torrent-list--offset;
       // position: absolute;
       // right: 0;