Merge pull request #6337 from miguelvazq/HPCC-11667

HPCC-11667 Advanced menu falls behind nav bar

Reviewed-By: Gordon Smith <gordon.smith@lexisnexis.com>
Reviewed-By: Richard Chapman <rchapman@hpccsystems.com>

esp/src/eclwatch/css/hpcc.css

@@ -229,6 +229,20 @@ hr.dashedLine {
     cursor: pointer;
 }
 
+
+@media (max-width: 959px){
+    .claro .hpccTitlebar {
+        height:100px;
+    }
+    .searchUserMoreComponents{
+        width:100%;
+        margin-top:10px;
+    }
+    .seperator:first-child{
+        display:none;
+    }
+}
+
 #search-form{
     padding:0;
     margin:0;
@@ -622,6 +636,10 @@ hr.dashedLine {
     height: 100%;
 }
 
+.searchUserMoreComponents{
+    float:right;
+}
+
 .navBarLoggedin{
     text-transform: uppercase;
     color:rgb(255,255,255);

esp/src/eclwatch/templates/HPCCPlatformWidget.html

@@ -2,7 +2,7 @@
     <div id="${id}BorderContainer" class="hpccMainpage" data-dojo-props="gutters:false, liveSplitters:false" data-dojo-type="dijit.layout.BorderContainer">
         <div id="${id}Titlebar" class="hpccTitlebar" data-dojo-props="region: 'top'" data-dojo-type="dijit.layout.ContentPane">
             <div id="${id}StackController" class="left glow" data-dojo-props="containerId:'${id}TabContainer'" data-dojo-type="dijit.layout.StackController"></div>
-            <div class="right">
+            <div class="searchUserMoreComponents">
                 <div class="seperator grey"></div>
                 <form id="search-form" onsubmit="return false;">
                     <input id="${id}FindText" class="roundForm" data-dojo-props="placeHolder: '${i18n.PlaceholderFindText}', trim: true" data-dojo-type="dijit.form.TextBox" />