diff options
| author | Lynx Kotoura <lynx@lv9.org> | 2017-08-08 03:33:06 +0900 |
|---|---|---|
| committer | Eugen Rochko <eugen@zeonfederated.com> | 2017-08-07 20:33:06 +0200 |
| commit | a3e53bd442752f210db2025f2dfc45e7599354c2 (patch) | |
| tree | 7eb288bdca01ca306f4758a1bdc886ee18049ab0 /app/javascript | |
| parent | 8eb6d171e690e013eb2881478cfa1fd50b4ba705 (diff) | |
Adjust tags and accounts page (#4534)
* Adjust tag and accounts page * Remove units from 0px paddings
Diffstat (limited to 'app/javascript')
| -rw-r--r-- | app/javascript/styles/accounts.scss | 4 | ||||
| -rw-r--r-- | app/javascript/styles/compact_header.scss | 8 | ||||
| -rw-r--r-- | app/javascript/styles/containers.scss | 2 |
3 files changed, 10 insertions, 4 deletions
diff --git a/app/javascript/styles/accounts.scss b/app/javascript/styles/accounts.scss index 99eb5ebea..66da75828 100644 --- a/app/javascript/styles/accounts.scss +++ b/app/javascript/styles/accounts.scss @@ -9,7 +9,7 @@ overflow: hidden; position: relative; - @media screen and (max-width: 700px) { + @media screen and (max-width: 740px) { border-radius: 0; box-shadow: none; } @@ -272,7 +272,7 @@ display: flex; flex-wrap: wrap; - @media screen and (max-width: 700px) { + @media screen and (max-width: 740px) { border-radius: 0; box-shadow: none; } diff --git a/app/javascript/styles/compact_header.scss b/app/javascript/styles/compact_header.scss index 27a67135f..cf12fcfec 100644 --- a/app/javascript/styles/compact_header.scss +++ b/app/javascript/styles/compact_header.scss @@ -3,9 +3,15 @@ font-size: 24px; line-height: 28px; color: $ui-primary-color; - overflow: hidden; font-weight: 500; margin-bottom: 20px; + padding: 0 10px; + overflow-wrap: break-word; + + @media screen and (max-width: 740px) { + text-align: center; + padding: 20px 10px 0; + } a { color: inherit; diff --git a/app/javascript/styles/containers.scss b/app/javascript/styles/containers.scss index d366a46ec..536f4e5a1 100644 --- a/app/javascript/styles/containers.scss +++ b/app/javascript/styles/containers.scss @@ -3,7 +3,7 @@ margin: 0 auto; margin-top: 40px; - @media screen and (max-width: 700px) { + @media screen and (max-width: 740px) { width: 100%; margin: 0; } |