[Frontend] Tweaks to Load More results button

This commit is contained in:
Charles Hacskaylo 2015-08-19 09:44:23 -07:00
parent 3a86f5e746
commit 7f65ba236c
3 changed files with 16 additions and 23 deletions
platform
commonUI/general/res
css
sass/search
search/res/templates

@ -477,12 +477,11 @@ ul.tree {
cursor: pointer; }
/* line 329, ../sass/search/_search.scss */
.search .search-scroll .load-more-button {
margin-top: 5px;
margin-bottom: 5px;
margin-top: 5px 0;
font-size: 0.8em;
position: relative;
left: 25%;
width: 50%;
white-space: nowrap;
height: 20px;
line-height: 11px;
font-size: 0.7em; }
left: 50%;
margin-left: -45px;
text-align: center;
width: 90px;
white-space: nowrap; }

@ -327,20 +327,14 @@
}
.load-more-button {
// Space away form the results list
margin-top: 5px;
margin-bottom: 5px;
// Center it
margin-top: $interiorMargin 0;
font-size: 0.8em;
position: relative;
left: 25%;
width: 50%;
left: 50%;
margin-left: -45px;
text-align: center;
width: 90px;
white-space: nowrap;
// Make smallish button
height: 20px;
line-height: 11px;
font-size: 0.7em;
}
}
}

@ -105,10 +105,10 @@
<!-- Load more button -->
<div ng-if="controller.areMore()">
<button class="load-more-button btn very-subtle"
<a class="load-more-button btn very-subtle vsm"
ng-click="controller.loadMore()">
Load More
</button>
More Results
</a>
</div>
</div>