status-im/open-bounty
2
0
Fork 0
mirror of https://github.com/status-im/open-bounty.git synced 2025-02-03 21:23:46 +00:00
Code Issues Projects Releases Wiki Activity

move sorting to align it with items count

Browse Source
This commit is contained in:
pablodip 2018-02-07 21:02:40 +01:00
parent 37aefc2d1a
commit 22a7939363
2 changed files with 12 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/cljs/commiteth/bounties.cljs
View File

@ -207,8 +207,10 @@
[:div
(let [left (inc (* (dec page-number) items-per-page))
right (dec (+ left item-count))]
[:div.item-counts-label
[:span (str "Showing " left "-" right " of " total-count)]])
[:div.item-counts-label-and-sorting-container
[:div.item-counts-label
[:span (str "Showing " left "-" right " of " total-count)]]
[bounties-sort-view]])
(display-data-page bounty-page-data bounty-item container-element)]))
(defn bounties-page []
@ -224,7 +226,6 @@
{:ref #(reset! container-element %1)}
[:div.open-bounties-header "Bounties"]
[:div.open-bounties-filter-and-sort
[bounty-filters-view]
[bounties-sort-view]]
[bounty-filters-view]]
[bounties-list @bounty-page-data container-element]]))
))

10
src/less/style.less
View File

@ -414,6 +414,11 @@
color: #42505c;
}
.item-counts-label-and-sorting-container {
display: flex;
justify-content: space-between;
}
.open-bounties-filter-and-sort {
margin-top: 24px;
display: flex;
@ -1268,12 +1273,11 @@ body {
}
.item-counts-label {
margin: auto;
//margin: auto;
font-family: "PostGrotesk-Book";
font-size: 15px;
color: #8d99a4;
padding-top: 8px;
padding-bottom: 8px;
padding: 12px 0;
}