diff --git a/routes/_components/AccountProfile.html b/routes/_components/AccountProfile.html index ac824fb..b976a82 100644 --- a/routes/_components/AccountProfile.html +++ b/routes/_components/AccountProfile.html @@ -140,9 +140,22 @@ .account-profile-note { grid-area: note; padding: 10px 0; + font-size: 0.9em; + word-wrap: break-word; + overflow: hidden; + white-space: pre-wrap; } + :global(.account-profile-note p) { - font-size: 1em; + margin: 0 0 20px; + } + + :global(.account-profile-note p:first-child) { + margin: 0 0 20px; + } + + :global(.account-profile-note p:last-child) { + margin: 0; } @media (max-width: 767px) { @@ -151,7 +164,7 @@ height: 80px; } .account-profile-name { - font-size: 1.2em; + font-size: 1.3em; } .account-profile-grid { display: grid; @@ -161,12 +174,13 @@ "note note note"; grid-template-columns: min-content minmax(auto, 1fr) min-content; grid-template-rows: min-content min-content 1fr min-content; + padding: 10px; } .account-profile-note { padding: 5px 0; } .account-profile-username { - font-size: 0.9em; + font-size: 1.1em; } .account-profile-name, .account-profile-username { align-self: flex-start; diff --git a/routes/_components/DynamicPageBanner.html b/routes/_components/DynamicPageBanner.html index 2c02780..2927076 100644 --- a/routes/_components/DynamicPageBanner.html +++ b/routes/_components/DynamicPageBanner.html @@ -33,13 +33,13 @@ } @media (max-width: 767px) { .dynamic-page-banner { - margin: 15px 15px 15px; + margin: 20px 10px 20px; } h1.dynamic-page-title { - font-size: 1.2em; + font-size: 1.3em; } button.dynamic-page-go-back { - font-size: 1.2em; + font-size: 1.3em; } } diff --git a/routes/_components/NavItem.html b/routes/_components/NavItem.html index ac9df08..0f51296 100644 --- a/routes/_components/NavItem.html +++ b/routes/_components/NavItem.html @@ -64,7 +64,7 @@ height: 25px; } .main-nav-link { - padding: 25px 0; + padding: 20px 0; } } diff --git a/routes/_components/status/Media.html b/routes/_components/status/Media.html index 80d308a..b2457bd 100644 --- a/routes/_components/status/Media.html +++ b/routes/_components/status/Media.html @@ -72,14 +72,15 @@ background: var(--loading-bg); } .status-media { - max-width: calc(100vw - 40px); overflow: hidden; } .status-media video, .status-media img { - max-width: calc(100vw - 40px); object-fit: cover; } + .status-media, .status-media video, .status-media img { + max-width: calc(100vw - 40px); + } .play-video-button { margin: 0; padding: 0; @@ -107,6 +108,11 @@ border-radius: 100%; background: var(--mask-opaque-bg); } + @media (max-width: 767px) { + .status-media, .status-media video, .status-media img { + max-width: calc(100vw - 20px); + } + }