diff options
| author | Hunternif <hunternif@gmail.com> | 2019-05-05 02:48:59 +0700 |
|---|---|---|
| committer | Hunternif <hunternif@gmail.com> | 2019-05-05 03:37:33 +0700 |
| commit | 67ba7981b6eeb859bbb69277ec9bd77d16903c0d (patch) | |
| tree | 6c5c3296354fe66d1d0056e8f2c7d63fcf729439 /client/css | |
| parent | d4877ad2ca263be44394c0c4183a246fd8c5f451 (diff) | |
client: metric sorting: on mobile, display buttons & messages in the middle, and fit 2 images.
Diffstat (limited to 'client/css')
| -rw-r--r-- | client/css/metric-sorter-view.styl | 36 |
1 files changed, 24 insertions, 12 deletions
diff --git a/client/css/metric-sorter-view.styl b/client/css/metric-sorter-view.styl index f54f81d..2d7b94e 100644 --- a/client/css/metric-sorter-view.styl +++ b/client/css/metric-sorter-view.styl @@ -7,6 +7,9 @@ background-color: white !important h2 display: none + .messages .message + margin-top: 0.5em + margin-bottom: 0 form width: 100% .posts-container @@ -24,21 +27,30 @@ color: $inactive-link-color .sorting-buttons display: flex - .compare-block - margin: auto - button - width: 1.3em - height: 1.3em - font-size: 200% @media (min-width: 1000px) padding: 0 0.5em - button - padding: 0 - padding-top: 0.05em @media (max-width: 1000px) padding: 0.5em 1em width: 100% + .compare-block + margin: auto button - padding: 0 - i - transform: rotate(90deg) + width: 1.3em + height: 1.3em + font-size: 200% + @media (min-width: 1000px) + padding: 0 + padding-top: 0.05em + @media (max-width: 1000px) + padding: 0 + i + transform: rotate(90deg) + + @media (max-width: 1000px) + display: flex + .done-btn + margin: auto + margin-right: 1em + .skip-btn + margin: auto + margin-left: 1em |