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

Fixes openshift#2288

Author: rhamilto

app/styles/_core.less

@@ -167,20 +167,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

@@ -94,19 +94,16 @@
       </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 ng-if="loading || !import" class="empty-state-message text-center">
-      <h2 ng-if="!loading" class="h2" translate>Select an image stream tag or enter an image name.</h2>
-      <h2 ng-if="loading" class="h2" translate>Loading image metadata for <span class="word-break">{{imageName | stripSHA}}</span>...</h2>
+    <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>
     <div class="row mar-bottom-md" ng-if-start="!loading && import.image">
       <div class="col-sm-2 hidden-xs text-right h2">

dist/scripts/templates.js

@@ -7748,8 +7748,13 @@ angular.module('openshiftConsoleTemplates', []).run(['$templateCache', function(
     "<div class=\"separator\"></div>\n" +
     "</div>\n" +
     "<div ng-if=\"loading || !import\" class=\"empty-state-message text-center\">\n" +
+<<<<<<< e55ce2d3708c2c2f2729b609a0a1feba8417c7e8
     "<h2 ng-if=\"!loading\" class=\"h2\" translate>Select an image stream tag or enter an image name.</h2>\n" +
     "<h2 ng-if=\"loading\" class=\"h2\" translate>Loading image metadata for <span class=\"word-break\">{{imageName | stripSHA}}</span>...</h2>\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" +
+>>>>>>> Remove hero-icon and make empty-state-message more consistent
     "</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" +