From 68baecedeaaf2f4ac731de0b97080da123950ea4 Mon Sep 17 00:00:00 2001
From: Daniel Shleifman <dancheskus@gmail.com>
Date: Wed, 2 Jun 2021 20:06:35 +0300
Subject: [PATCH] short table fix

---
 .../components/DialogTorrentDetailsContent/Table/style.js    | 3 ++-
 web/src/components/TorrentCard/style.js                      | 5 ++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/web/src/components/DialogTorrentDetailsContent/Table/style.js b/web/src/components/DialogTorrentDetailsContent/Table/style.js
index f55197c..98440fd 100644
--- a/web/src/components/DialogTorrentDetailsContent/Table/style.js
+++ b/web/src/components/DialogTorrentDetailsContent/Table/style.js
@@ -108,7 +108,8 @@ export const ShortTable = styled.div`
       &-data {
         display: grid;
         grid-auto-flow: column;
-        grid-template-columns: max-content;
+        grid-template-columns: ${isViewed ? 'max-content' : '1fr'};
+        grid-auto-columns: 1fr;
       }
       &-field {
         display: grid;
diff --git a/web/src/components/TorrentCard/style.js b/web/src/components/TorrentCard/style.js
index bd76160..350f4e5 100644
--- a/web/src/components/TorrentCard/style.js
+++ b/web/src/components/TorrentCard/style.js
@@ -1,7 +1,6 @@
 import styled, { css } from 'styled-components'
 
 export const TorrentCard = styled.div`
-  border: 1px solid;
   border-radius: 5px;
   display: grid;
   grid-template-columns: 120px 260px 1fr;
@@ -64,7 +63,7 @@ export const TorrentCardPoster = styled.div`
 export const TorrentCardButtons = styled.div`
   grid-area: buttons;
   display: grid;
-  gap: 5px;
+  gap: 10px;
 
   @media (max-width: 1260px), (max-height: 500px) {
     grid-template-columns: repeat(3, 1fr);
@@ -181,7 +180,7 @@ export const StyledButton = styled.button`
   display: flex;
   align-items: center;
   text-transform: uppercase;
-  background: #216e47;
+  background: #268757;
   color: #fff;
   font-size: 1rem;
   font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;