Added new utility in text-align and added empty message for search

src/Umbraco.Web.UI.Client/src/less/belle.less

@@ -123,6 +123,7 @@
 // Utilities
 @import "utilities/umb-utility_flex.less";
 @import "utilities/umb-utility_spacing.less";
+@import "utilities/umb-utility_text-align.less";
 @import "utilities/umb-utility_widths.less";
 
 //page specific styles

src/Umbraco.Web.UI.Client/src/less/utilities/umb-utility_text-align.less

@@ -0,0 +1,4 @@
+// Text align
+.tl  { text-align: left; }
+.tr  { text-align: right; }
+.tc  { text-align: center; }

src/Umbraco.Web.UI.Client/src/views/packager/views/repo.html

@@ -12,6 +12,7 @@
         </div>
 
         <div ng-show="vm.loading === false">
+
             <div class="umb-packages-section" ng-if="vm.searchQuery == ''">
                 <div class="umb-packages-categories">
                     <a href=""
@@ -55,7 +56,7 @@
                 </div> <!-- end packages -->
             </div>
 
-            <div class="umb-packages-section">
+            <div class="umb-packages-section" ng-if="vm.packages.length > 0">
                 <h4><strong>Latest</strong></h4>
                 <div class="umb-packages clearfix">
 
@@ -96,6 +97,12 @@
                 </umb-pagination>
 
             </div>
+
+
+            <div class="umb-package-section__no-results tc" ng-if="vm.packages.length === 0">
+                <h4><strong>We couldn't find anything for '{{ vm.searchQuery }}'</strong></h4>
+                <p class="faded">Please try searching for another package or browse through the categories.</p>
+            </div>
         </div>
 
     </div>