From 71c860996b74ccd9fa39f024d9d1055fc75e4c3d Mon Sep 17 00:00:00 2001
From: Daniel Shleifman <dancheskus@gmail.com>
Date: Wed, 26 May 2021 08:13:03 +0300
Subject: [PATCH] delete button moved to the last position

---
 web/src/components/Torrent/index.jsx | 10 +++++-----
 web/src/components/TorrentList.jsx   |  4 ++++
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/web/src/components/Torrent/index.jsx b/web/src/components/Torrent/index.jsx
index 3fe84cd..f236d0f 100644
--- a/web/src/components/Torrent/index.jsx
+++ b/web/src/components/Torrent/index.jsx
@@ -75,11 +75,6 @@ export default function Torrent({ torrent }) {
             <span>Drop</span>
           </StyledButton>
 
-          <StyledButton onClick={() => deleteTorrent(torrentLocalComponentValue)}>
-            <DeleteIcon />
-            <span>Delete</span>
-          </StyledButton>
-
           <StyledButton
             onClick={() => {
               setShowCache(false)
@@ -89,6 +84,11 @@ export default function Torrent({ torrent }) {
             <HeightIcon />
             <span>Details</span>
           </StyledButton>
+
+          <StyledButton onClick={() => deleteTorrent(torrentLocalComponentValue)}>
+            <DeleteIcon />
+            <span>Delete</span>
+          </StyledButton>
         </TorrentCardButtons>
 
         <TorrentCardDescription>
diff --git a/web/src/components/TorrentList.jsx b/web/src/components/TorrentList.jsx
index 9a348b9..2f1f325 100644
--- a/web/src/components/TorrentList.jsx
+++ b/web/src/components/TorrentList.jsx
@@ -14,6 +14,10 @@ const TorrentListWrapper = styled.div`
     gap: 10px;
     grid-template-columns: repeat(auto-fit, 310px);
   }
+
+  @media (max-width: 410px) {
+    grid-template-columns: minmax(min-content, 290px);
+  }
 `
 
 export default function TorrentList() {