Adding select button to the sidebar and reducing the size of the buttons, may introduce issues on some systems. Fixes issue 7815

Author: samitbadle

ide/main/src/content/selenium-ide-sidebar.xul

@@ -115,9 +115,16 @@ limitations under the License.
 		              <!-- show different options collected by the client. Allow user to override -->
 		              <hbox flex="1">
 		                <textbox flex="1" disabled="true" id="commandTarget" oninput="window.editor.treeView.updateCurrentCommand('target', window.editor.treeView.decodeText(this.value))" autocompletesearch="selenium-ide-generic" enablehistory="true" forcecomplete="true" tabscrolling="true" type="autocomplete" showcommentcolumn="true" />
-		                <button label="&findTarget.label;" oncommand="window.editor.selDebugger.showElement(document.getElementById('commandTarget').value)"/>
+                        <button id="selectElementButton" label="Select" class="sm_btn" disabled="true" oncommand="window.editor.selDebugger.selectElement()"/>
+		                <button id="findElementButton" label="&findTarget.label;" class="sm_btn" disabled="true" oncommand="window.editor.selDebugger.showElement(document.getElementById('commandTarget').value)"/>
 		              </hbox>
 		            </row>
+                    <row align="right" id="selectElementTip" style="display: none">
+                      <vbox>
+                        <label></label>
+                        <description>Select an element by clicking on it in the browser or click Cancel to cancel.</description>
+                      </vbox>
+                    </row>
 		            <row align="center">
 		              <textbox disabled="true" id="commandValue" oninput="window.editor.treeView.updateCurrentCommand('value', window.editor.treeView.decodeText(this.value))"/>
 		            </row>

ide/main/src/skin/classic/selenium-ide.css

@@ -294,6 +294,15 @@ tab label {
     color: #ba0000;
 }
 
+.sm_btn {
+    width: 50px;
+    min-width: 50px;
+    padding-left: 2px;
+    margin-left: 1px;
+    padding-right: 2px;
+    margin-right: 1px;
+}
+
 #source {
   font-family: monospace;
 }