UX: show range for advanced search views filter.

UX: show range for advanced search views filter.

diff --git a/app/assets/javascripts/discourse/app/templates/components/search-advanced-options.hbs b/app/assets/javascripts/discourse/app/templates/components/search-advanced-options.hbs
index a12f34e..82a4744 100644
--- a/app/assets/javascripts/discourse/app/templates/components/search-advanced-options.hbs
+++ b/app/assets/javascripts/discourse/app/templates/components/search-advanced-options.hbs
@@ -161,32 +161,34 @@
     </div>
   </div>
 
-  <div class="control-group pull-left">
-    <label class="control-label" for="search-min-views">{{i18n "search.advanced.min_views.label"}}</label>
-    <div class="controls">
-      {{input
-        type="number"
-        value=(readonly searchedTerms.min_views)
-        class="input-small"
-        id="search-min-views"
-        input=(action "onChangeSearchTermMinViews" value="target.value")
-      }}
+  <div class="views control-group pull-left">
+    <label class="control-label">{{i18n "search.advanced.views.label"}}</label>
+    <div class="views-count pull-left">
+      <div class="controls">
+        {{input
+          type="number"
+          value=(readonly searchedTerms.min_views)
+          class="input-small"
+          id="search-min-views"
+          input=(action "onChangeSearchTermMinViews" value="target.value")
+          placeholder=(i18n "search.advanced.min_views.placeholder")
+        }}
+      </div>
     </div>
-  </div>
-
-  <div class="control-group pull-left">
-    <label class="control-label" for="search-max-views">{{i18n "search.advanced.max_views.label"}}</label>
-    <div class="controls">
-      {{input
-        type="number"
-        value=(readonly searchedTerms.max_views)
-        class="input-small"
-        id="search-max-views"
-        input=(action "onChangeSearchTermMaxViews" value="target.value")
-      }}
+    <span class="views-count-dash">–</span>
+    <div class="views-count pull-right">
+      <div class="controls">
+        {{input
+          type="number"
+          value=(readonly searchedTerms.max_views)
+          class="input-small"
+          id="search-max-views"
+          input=(action "onChangeSearchTermMaxViews" value="target.value")
+          placeholder=(i18n "search.advanced.max_views.placeholder")
+        }}
+      </div>
     </div>
   </div>
-
 </div>
 
 {{plugin-outlet name="advanced-search-options-below" args=(hash searchedTerms=searchedTerms onChangeSearchedTermField=onChangeSearchedTermField) tagName=""}}
diff --git a/app/assets/stylesheets/common/base/search.scss b/app/assets/stylesheets/common/base/search.scss
index b3a445b..729c617 100644
--- a/app/assets/stylesheets/common/base/search.scss
+++ b/app/assets/stylesheets/common/base/search.scss
@@ -163,6 +163,17 @@
           min-width: unset;
         }
       }
+
+      .views {
+        .views-count {
+          margin-bottom: 15px;
+          width: 45%;
+        }
+        .views-count-dash {
+          padding-left: 10px;
+          vertical-align: middle;
+        }
+      }
     }
   }
 }
diff --git a/config/locales/client.en.yml b/config/locales/client.en.yml
index 6f86099..2f0aba8 100644
--- a/config/locales/client.en.yml
+++ b/config/locales/client.en.yml
@@ -2124,10 +2124,12 @@ en:
             label: Posted
             before: before
             after: after
+        views:
+          label: Views
         min_views:
-          label: Minimum Views
+          placeholder: minimum
         max_views:
-          label: Maximum Views
+          placeholder: maximum
 
     hamburger_menu: "go to another topic list or category"
     new_item: "new"

GitHub sha: 50d53508