From 202c622d070be0316a27146c5d1948202b638716 Mon Sep 17 00:00:00 2001 From: nikk gitanes Date: Sat, 31 Jul 2021 02:41:25 +0300 Subject: [PATCH] adjust titles --- .../components/DialogTorrentDetailsContent/style.js | 10 +++++++--- 1 file changed, 7 insertions(+), 3 deletions(-) diff --git a/web/src/components/DialogTorrentDetailsContent/style.js b/web/src/components/DialogTorrentDetailsContent/style.js index 735b55d..90de1f6 100644 --- a/web/src/components/DialogTorrentDetailsContent/style.js +++ b/web/src/components/DialogTorrentDetailsContent/style.js @@ -129,12 +129,15 @@ export const SectionSubName = styled.div` }, }) => css` ${({ mb }) => css` + ${mb && `margin-top: ${mb / 3}px`}; ${mb && `margin-bottom: ${mb}px`}; + line-height: 1.2; color: ${subNameFontColor}; @media (max-width: 800px) { + ${mb && `margin-top: ${mb / 4}px`}; ${mb && `margin-bottom: ${mb / 2}px`}; - font-size: 11px; + font-size: 14px; } `} `} @@ -149,14 +152,15 @@ export const SectionTitle = styled.div` }) => css` ${({ mb }) => css` ${mb && `margin-bottom: ${mb}px`}; - font-size: 35px; + font-size: 34px; font-weight: 300; line-height: 1; word-break: break-word; color: ${color || titleFontColor}; @media (max-width: 800px) { - font-size: 25px; + font-size: 24px; + line-height: 1.1; ${mb && `margin-bottom: ${mb / 2}px`}; } `}