From 5a513dcad66a86279525d3025bfbe03396721a72 Mon Sep 17 00:00:00 2001 From: Viktor Fomin Date: Wed, 27 Apr 2022 15:22:14 +0300 Subject: [PATCH 1/2] Web: Components: LinkWithDropdown: fix style --- .../link-with-dropdown/styled-link-with-dropdown.js | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/packages/asc-web-components/link-with-dropdown/styled-link-with-dropdown.js b/packages/asc-web-components/link-with-dropdown/styled-link-with-dropdown.js index 3ba4dc34aa..96e10da4f2 100644 --- a/packages/asc-web-components/link-with-dropdown/styled-link-with-dropdown.js +++ b/packages/asc-web-components/link-with-dropdown/styled-link-with-dropdown.js @@ -84,7 +84,8 @@ const StyledLinkWithDropdown = styled(SimpleLinkWithDropdown)` text-decoration: none; user-select: none; position: relative; - display: inline-grid; + display: flex; + align-items: center; padding-right: ${(props) => props.theme.linkWithDropdown.paddingRight}; From cd8c5b0874226258e271b9a2b47ef2b2f8fd6701 Mon Sep 17 00:00:00 2001 From: Viktor Fomin Date: Wed, 27 Apr 2022 15:22:38 +0300 Subject: [PATCH 2/2] Web: Files: DownloadDialog: fix layout --- .../components/dialogs/DownloadDialog/DownloadContent.js | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/products/ASC.Files/Client/src/components/dialogs/DownloadDialog/DownloadContent.js b/products/ASC.Files/Client/src/components/dialogs/DownloadDialog/DownloadContent.js index 56434ba674..d6d70df105 100644 --- a/products/ASC.Files/Client/src/components/dialogs/DownloadDialog/DownloadContent.js +++ b/products/ASC.Files/Client/src/components/dialogs/DownloadDialog/DownloadContent.js @@ -6,12 +6,20 @@ import RowContainer from "@appserver/components/row-container"; import Text from "@appserver/components/text"; import LinkWithDropdown from "@appserver/components/link-with-dropdown"; import styled from "styled-components"; +import { tablet } from "@appserver/components/utils/device"; const StyledDownloadContent = styled.div` .row_content, .row-content_tablet-side-info { overflow: unset; } + + @media (${tablet}) { + .row-content_tablet-side-info { + display: flex; + gap: 5px; + } + } `; const DownloadContent = (props) => {