fix(client): misc styles (#691)

jesec · Dec 11, 2023 · 725fbb4 · 725fbb4
1 parent e52cfc9
commit 725fbb4
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 5 deletions.
diff --git 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
@@ -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
@@ -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;