diff options
| author | Hunternif | 2019-04-11 08:03:11 +0700 |
|---|---|---|
| committer | Hunternif | 2019-04-11 09:23:23 +0700 |
| commit | 61502dd733e8570765abc0d98109650581fd84e0 (patch) | |
| tree | 3b81ce9d323632871932edc5ae6027f797f6c415 /client/css | |
| parent | 04e0f7f12c2f99f9fdebd24c6db54618f68ed139 (diff) | |
Adjust padding on mobile post page, move the comments section to bottom, tags to top
Diffstat (limited to 'client/css')
| -rw-r--r-- | client/css/core-general.styl | 4 | ||||
| -rw-r--r-- | client/css/post-main-view.styl | 18 |
2 files changed, 18 insertions, 4 deletions
diff --git a/client/css/core-general.styl b/client/css/core-general.styl index b36822a..bdae91c 100644 --- a/client/css/core-general.styl +++ b/client/css/core-general.styl @@ -72,8 +72,8 @@ form .fa-question-circle-o #content-holder padding: 1.5em text-align: center - @media (max-width: 1000px) - padding: 1em + @media (max-width: 800px) + padding: 0 >.content-wrapper box-sizing: border-box /* make max-width: 100% on this element include padding */ text-align: left diff --git a/client/css/post-main-view.styl b/client/css/post-main-view.styl index 07d23ef..3304252 100644 --- a/client/css/post-main-view.styl +++ b/client/css/post-main-view.styl @@ -34,13 +34,14 @@ font-size: 140% text-align: center @media (max-width: 800px) - margin-top: 2em + margin-top: 1em >.content width: 100% .post-container - margin-bottom: 2em + @media (min-width: 800px) + margin-bottom: 2em .post-content margin: 0 @@ -53,11 +54,16 @@ min-width: 100% max-width: 0 margin-right: 0 + >.sidebar-container, + .comments-panel + padding: 1em + padding-top: 0 >.content order: 1 .post-view .readonly-sidebar + display: grid .details i margin-right: 0.6em @@ -100,6 +106,10 @@ display: inline-block width: 2em + @media (max-width: 800px) + order: 2 + margin-top: 1em + .relations margin-top: 2em h1 @@ -116,6 +126,10 @@ margin-top: 2em h1 margin-bottom: 0.5em + @media (max-width: 800px) + margin-top: 0 + h1 + display: none .post-view .edit-sidebar .expander-content |