fixed file browsing ui and css

rhodecode/public/css/style.css

@@ -1592,18 +1592,20 b' padding:0;'
 
 div.browserblock .browser-header {
 background:#FFF;
-padding:10px 0;
-float:left;
+padding:10px 0px 35px 0px;
 width: 100%;
 }
+div.browserblock .browser-nav {
+float:left
+}
 
 div.browserblock .browser-branch {
-background:#FFF;
-padding:20px 0 0 0;
+padding:10px 0 0 0;
 float:left;
 }
 div.browserblock .browser-branch label {
-color:#4A4A4A;	
+color:#4A4A4A;
+vertical-align:text-top;
 }
 
 div.browserblock .browser-header span {

rhodecode/templates/files/files_browser.html

@@ -6,35 +6,37 b''
 	%endif
 </%def>
 <div id="body" class="browserblock">
-	<div class="browser-header">
-		${h.form(h.url.current())}
-		<div class="info_box">
-          <span >${_('view')}@rev</span> 
-          <a href="${c.url_prev}" title="${_('previous revision')}">&laquo;</a>
-          ${h.text('at_rev',value=c.changeset.revision,size=3)}
-          <a href="${c.url_next}" title="${_('next revision')}">&raquo;</a>
-          ${h.submit('view','view')}
-	    </div>           
-		${h.end_form()}
-	</div>
-    <div class="browser-branch">
-       ${h.checkbox('stay_at_branch',c.changeset.branch,c.changeset.branch==c.branch)}
-       <label>${_('follow current branch')}</label>
-       <script type="text/javascript">
-        YUE.on('stay_at_branch','click',function(e){
-        	if(e.target.checked){
-        		var uri = "${h.url.current(branch='__BRANCH__')}"
-        		uri = uri.replace('__BRANCH__',e.target.value);
-        		window.location = uri;
-        	}
-        	else{
-        		window.location = "${h.url.current()}";
-        	}
-        	
-        })
-       </script>
+    <div class="browser-header">
+		<div class="browser-nav">
+			${h.form(h.url.current())}
+			<div class="info_box">
+	          <span >${_('view')}@rev</span> 
+	          <a href="${c.url_prev}" title="${_('previous revision')}">&laquo;</a>
+	          ${h.text('at_rev',value=c.changeset.revision,size=3)}
+	          <a href="${c.url_next}" title="${_('next revision')}">&raquo;</a>
+	          ${h.submit('view','view')}
+		    </div>           
+			${h.end_form()}
+		</div>
+	    <div class="browser-branch">
+	       ${h.checkbox('stay_at_branch',c.changeset.branch,c.changeset.branch==c.branch)}
+	       <label>${_('follow current branch')}</label>
+	       <script type="text/javascript">
+	        YUE.on('stay_at_branch','click',function(e){
+	        	if(e.target.checked){
+	        		var uri = "${h.url.current(branch='__BRANCH__')}"
+	        		uri = uri.replace('__BRANCH__',e.target.value);
+	        		window.location = uri;
+	        	}
+	        	else{
+	        		window.location = "${h.url.current()}";
+	        	}
+	        	
+	        })
+	       </script>
+	    </div>
     </div>
-    <div style="clear:both"></div>
+    
 	<div class="browser-body">
 		<table class="code-browser">
 		         <thead>