From 725fbb4055a6cf5a4a3b8cb1845719d52d8669c0 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               | 7 ++++---
 3 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/client/src/javascript/components/general/LinkedText.tsx b/client/src/javascript/components/general/LinkedText.tsx
index b0f4b145..5fbe11ee 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 37a39775..467c8be7 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 1168c31f..235f876b 100644
--- a/client/src/sass/components/_torrents.scss
+++ b/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;