From c280a0a5abb3db5d5483dbd94a496c122f031c90 Mon Sep 17 00:00:00 2001
From: Simon Busborg <simon@umbraco.com>
Date: Wed, 22 Jun 2016 13:40:01 +0200
Subject: [PATCH] Added new utility in text-align and added empty message for
 search

---
 src/Umbraco.Web.UI.Client/src/less/belle.less            | 1 +
 .../src/less/utilities/umb-utility_text-align.less       | 4 ++++
 .../src/views/packager/views/repo.html                   | 9 ++++++++-
 3 files changed, 13 insertions(+), 1 deletion(-)
 create mode 100644 src/Umbraco.Web.UI.Client/src/less/utilities/umb-utility_text-align.less

diff --git a/src/Umbraco.Web.UI.Client/src/less/belle.less b/src/Umbraco.Web.UI.Client/src/less/belle.less
index ea7f3a2354..c19eb4c847 100644
--- a/src/Umbraco.Web.UI.Client/src/less/belle.less
+++ b/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
diff --git a/src/Umbraco.Web.UI.Client/src/less/utilities/umb-utility_text-align.less b/src/Umbraco.Web.UI.Client/src/less/utilities/umb-utility_text-align.less
new file mode 100644
index 0000000000..c25f1c5cff
--- /dev/null
+++ b/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; }
diff --git a/src/Umbraco.Web.UI.Client/src/views/packager/views/repo.html b/src/Umbraco.Web.UI.Client/src/views/packager/views/repo.html
index ec7c5d039b..00f301f5d0 100644
--- a/src/Umbraco.Web.UI.Client/src/views/packager/views/repo.html
+++ b/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>