Add small "close/hide" buttons on some of the dialogs

share/http/dialogs/browse

@@ -29,6 +29,7 @@ This dialog needs the following dialogs to be fully functional: <none>
 <div id="browse" class="popup" style="display: none;">
   <div class="title">
     Browse
+    <img class="close" src="images/white_cross_small.png" alt="Close" onclick="hide('browse');"/>
   </div>
   <div id="browser">
     <a href="javascript:browse_dir(document.getElementById( 'browse_lastdir' ).value);">Click here to browse</a>

share/http/dialogs/input

@@ -29,6 +29,7 @@ This dialog needs the following dialogs to be fully functional: browse
 <div id="input" class="dialog" style="display: none">
   <div class="title">
     Input
+    <img class="close" src="images/white_cross_small.png" alt="Close" onclick="hide('input');"/>
   </div>
   <div class="controls">
     <label for="input_mrl">Input (MRL)</label>

share/http/dialogs/main

@@ -107,9 +107,7 @@ sout and playlist .
 <div id="info" class="dialog" style="display: none;" >
   <div class="title">
     Stream and media info
-    <button id="btn_info_hide" onclick="hide( 'info' );">
-      Hide
-    </button>
+    <img class="close" src="images/white_cross_small.png" alt="Close" onclick="hide('info');"/>
   </div>
   <div id="infotree">
   </div>

share/http/dialogs/playlist

@@ -28,6 +28,7 @@ This dialog needs the following dialogs to be fully functional: <none>
 <div id="playlist" class="dialog" >
   <div class="title">
     Playlist
+    <img class="close" src="images/white_cross_small.png" alt="Close" onclick="hide('playlist');"/>
   </div>
   <div class="controls">
     <!--<button id="btn_delete" onmouseover="button_over(this);" onmouseout="button_out(this);">

share/http/dialogs/sout

@@ -30,6 +30,7 @@ Note that the sout chain is used and sent to VLC by the input dialog
 <div id="sout" class="dialog" style="display: none">
   <div class="title">
     Stream Output
+    <img class="close" src="images/white_cross_small.png" alt="Close" onclick="hide('sout');"/>
   </div>
   <div class="controls">
     <label for="sout_mrl">Destination (MRL)</label>

share/http/style.css

@@ -26,6 +26,8 @@ body {
 	font-family: Arial, sans-serif;
 	font-size: 12pt;
 	text-align: center; /* Center on page - IE */
+	padding: 0px;
+	margin: 0px;
 }
 
 div {
@@ -142,7 +144,7 @@ div.popup {
 	border: solid #888 1px;
 	margin: 10px auto; /* Center on page - Firefox */
 	position: absolute;
-	z-index: 1;
+	z-index: 2;
 	font-size: 0.8em;
 }
 div#browse {
@@ -152,6 +154,7 @@ div#browse {
 div#browse div.title {
 	background-color: #008;
 }
+
 div#browser {
 	padding: 20px;
 }
@@ -199,3 +202,9 @@ div.menu button {
 	background: transparent;
 	border: 1px solid transparent;
 }
+
+div.popup img.close {
+	position: absolute;
+	right: 2px;
+	top: 2px;
+}