diff --git a/src/cljs/commiteth/bounties.cljs b/src/cljs/commiteth/bounties.cljs index 34137bb..7dfa55b 100644 --- a/src/cljs/commiteth/bounties.cljs +++ b/src/cljs/commiteth/bounties.cljs @@ -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]])) )) diff --git a/src/less/style.less b/src/less/style.less index 6bf8608..26f4c3a 100644 --- a/src/less/style.less +++ b/src/less/style.less @@ -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; }