From cc1e34ee6782d3a24bb9cf18f5f13ae7cb58aa4c Mon Sep 17 00:00:00 2001
From: Nicole Harris <n.harris@kabucreative.com>
Date: Fri, 30 Mar 2018 18:19:00 +0100
Subject: [PATCH] Fix text about classifier position

---
 warehouse/static/sass/warehouse.scss    | 14 ++++++++++++++
 warehouse/templates/search/results.html |  3 ++-
 2 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/warehouse/static/sass/warehouse.scss b/warehouse/static/sass/warehouse.scss
index 76917dc812dc..be46e72c9123 100644
--- a/warehouse/static/sass/warehouse.scss
+++ b/warehouse/static/sass/warehouse.scss
@@ -168,6 +168,20 @@
   display: none;
 }
 
+
+// Desktop specific visibility
+@media screen and (min-width: calc($desktop + 1px)) {
+  .hide-on-desktop {
+    display: none;
+  }
+}
+
+@media screen and (max-width: $desktop) {
+  .hide-below-desktop {
+    display: none;
+  }
+}
+
 // Mobile specific visibility
 @media screen and (max-width: $mobile) {
   .hide-on-mobile {
diff --git a/warehouse/templates/search/results.html b/warehouse/templates/search/results.html
index a4e4f289b5cc..caa0e858bd9c 100644
--- a/warehouse/templates/search/results.html
+++ b/warehouse/templates/search/results.html
@@ -130,7 +130,8 @@ <h2 class="no-top-padding">Filter Projects</h2>
     <div class="left-layout__main">
       {% if not term and not applied_filters %}
       <div class="callout-block no-top-margin">
-        <p>Enter a search query above, or select a filter from the list of classifiers on the left.</p>
+        <p class="hide-below-desktop">Enter a search query above, or select a filter from the list of classifiers on the left.</p>
+        <p class="hide-on-desktop">Enter a search query above, or add a filter by clicking on the button below.</p>
         <p>You can combine searches and classifier filters. Examples:</p>
         <ul class="no-bottom-margin">
           <li>