Tighten mobile hero lookup button

website_example/pages/home.html

@@ -10,7 +10,7 @@
             <input class="form-control" id="heroMinerAddress" type="text" placeholder="Enter wallet address to open worker statistics">
             <span class="input-group-btn">
                 <button class="btn btn-default" type="button" id="heroMinerLookup">
-                    <i class="fa fa-search"></i> View Worker Statistics
+                    <i class="fa fa-search"></i> <span class="hero-lookup-label">View Worker Statistics</span>
                 </button>
             </span>
         </div>

website_example/themes/custom.css

@@ -880,12 +880,28 @@ textarea:focus {
     grid-template-columns: 1fr;
   }
 
-  .hero-lookup-group .input-group-btn,
-  .hero-lookup-group .btn {
-    display: block;
+  .hero-lookup-group {
+    display: table;
     width: 100%;
   }
 
+  .hero-lookup-group .input-group-btn {
+    width: 1%;
+    white-space: nowrap;
+    vertical-align: top;
+  }
+
+  .hero-lookup-group .btn {
+    width: 54px;
+    min-width: 54px;
+    padding-left: 0;
+    padding-right: 0;
+  }
+
+  .hero-lookup-group .hero-lookup-label {
+    display: none;
+  }
+
   .infoBox .icon {
     font-size: 48px;
     line-height: 48px;