Merge pull request #2307 from rhamilto/issue-2288

Automatic merge from submit-queue.

Remove hero-icon and make empty-state-message more consistent

Fixes #2288 

dialog from within project BEFORE
![screen shot 2017-10-19 at 9 03 30 am](https://user-images.githubusercontent.com/895728/31773606-4234cab0-b4b1-11e7-815b-62889d0e0515.PNG)

now with the icon gone, the text should not be muted so as to be consistent with empty-state-message elsewhere.  and i think the horizontal rule being present before a selection is made helps clarify.  yea/nay?

dialog from catalog
![screen shot 2017-10-19 at 9 26 22 am](https://user-images.githubusercontent.com/895728/31773504-fa6daf44-b4b0-11e7-9409-2a7d0d5917db.PNG)

dialog from within project
![screen shot 2017-10-19 at 9 26 35 am](https://user-images.githubusercontent.com/895728/31773514-fe2a4188-b4b0-11e7-8511-bcf4f2af7c47.PNG)
![screen shot 2017-10-19 at 9 43 13 am](https://user-images.githubusercontent.com/895728/31773821-f9a570dc-b4b1-11e7-89e9-c113ab3f4856.PNG)

create page
![screen shot 2017-10-19 at 9 26 41 am](https://user-images.githubusercontent.com/895728/31773513-fe1cca3a-b4b0-11e7-92da-253704611131.PNG)

Author: openshift-merge-robot

app/styles/_core.less

@@ -154,20 +154,6 @@
     // Avoid clipped descenders with class truncate or overflow: hidden
     line-height: 1.4;
   }
-  .hero-icon {
-    // Hidden at height < 600px.
-    display: none;
-    @media (min-height: 600px) {
-      display: inline-block;
-      font-size: 90px;
-    }
-    @media (min-height: 800px) {
-      font-size: 100px;
-    }
-    @media (min-height: 1024px) {
-      font-size: 120px;
-    }
-  }
 }
 
 // Mark is used for highlighting terms like search terms. See http://getbootstrap.com/css/#type-inline-text

app/styles/_overlay-forms.less

@@ -7,6 +7,6 @@
   }
 
   .deploy-image .empty-state-message {
-    margin: 30px auto 0;
+    margin: 60px auto 0;
   }
 }

app/views/directives/deploy-image.html

@@ -63,16 +63,14 @@
       </fieldset>
     </fieldset>
   </ng-form>
-
-  <div ng-if="loading || !import" class="empty-state-message text-muted text-center">
-    <span class="fa fa-cube icon-lg hero-icon" aria-hidden="true"></span>
-    <div ng-if="!loading" class="h2">Select an image stream tag or enter an image name.</div>
-    <div ng-if="loading" class="h2">Loading image metadata for <span class="word-break">{{imageName | stripSHA}}</span>...</div>
+  <div class="mar-top-lg mar-bottom-lg">
+    <div class="separator"></div>
+  </div>
+  <div ng-if="loading || !import" class="empty-state-message text-center">
+    <h2 ng-if="!loading" class="h2">Select an image stream tag or enter an image name.</h2>
+    <h2 ng-if="loading" class="h2">Loading image metadata for <span class="word-break">{{imageName | stripSHA}}</span>...</h2>
   </div>
   <div class="row mar-bottom-md" ng-if-start="!loading && import.image">
-    <div class="col-sm-12 mar-top-lg mar-bottom-lg">
-      <div class="separator"></div>
-    </div>
     <div class="col-sm-2 hidden-xs text-right h2">
       <span class="fa fa-cube text-muted" style="font-size: 100px;" aria-hidden="true"></span>
     </div>

dist/scripts/templates.js

@@ -6340,15 +6340,14 @@ angular.module('openshiftConsoleTemplates', []).run(['$templateCache', function(
     "</fieldset>\n" +
     "</fieldset>\n" +
     "</ng-form>\n" +
-    "<div ng-if=\"loading || !import\" class=\"empty-state-message text-muted text-center\">\n" +
-    "<span class=\"fa fa-cube icon-lg hero-icon\" aria-hidden=\"true\"></span>\n" +
-    "<div ng-if=\"!loading\" class=\"h2\">Select an image stream tag or enter an image name.</div>\n" +
-    "<div ng-if=\"loading\" class=\"h2\">Loading image metadata for <span class=\"word-break\">{{imageName | stripSHA}}</span>...</div>\n" +
-    "</div>\n" +
-    "<div class=\"row mar-bottom-md\" ng-if-start=\"!loading && import.image\">\n" +
-    "<div class=\"col-sm-12 mar-top-lg mar-bottom-lg\">\n" +
+    "<div class=\"mar-top-lg mar-bottom-lg\">\n" +
     "<div class=\"separator\"></div>\n" +
     "</div>\n" +
+    "<div ng-if=\"loading || !import\" class=\"empty-state-message text-center\">\n" +
+    "<h2 ng-if=\"!loading\" class=\"h2\">Select an image stream tag or enter an image name.</h2>\n" +
+    "<h2 ng-if=\"loading\" class=\"h2\">Loading image metadata for <span class=\"word-break\">{{imageName | stripSHA}}</span>...</h2>\n" +
+    "</div>\n" +
+    "<div class=\"row mar-bottom-md\" ng-if-start=\"!loading && import.image\">\n" +
     "<div class=\"col-sm-2 hidden-xs text-right h2\">\n" +
     "<span class=\"fa fa-cube text-muted\" style=\"font-size: 100px\" aria-hidden=\"true\"></span>\n" +
     "</div>\n" +