Fix moving arround columns lenght

Author: scritch007

css/wuala_theme.css

@@ -44,4 +44,23 @@
 
 .browseable{
 	cursor: pointer;
+}
+
+th.browse-plus{
+	width:50px;
+}
+th.browse-action{
+	width: 200px;
+}
+th.browse-type{
+	width: 50px;
+}
+th.browse-kind{
+	width: 50px;
+}
+th.browse-mdate{
+	width: 200px;
+}
+th.browse-size{
+	width:100px;
 }

js/wuala_theme.js

@@ -50,6 +50,7 @@ WualaDisplay.prototype.GetBrowsingPathElement = function(path, onBrowseChangeCB)
 
 WualaDisplay.prototype.GetFilesListElement = function(path){
 	var browse_div = document.createElement("table");
+	browse_div.style.tableLayout = "fixed";
 	browse_div.className = "footable twelve";
 	browsing.innerHTML = "";
 	this.thead = document.createElement("thead");
@@ -59,45 +60,47 @@ WualaDisplay.prototype.GetFilesListElement = function(path){
 
 	//For the mobile
 	var th = document.createElement("th");
-	th.className = "mob";
+	th.className = "mob browse-plus";
 	tr.appendChild(th);
 	//File Type
 	th = document.createElement("th");
 	th.innerHTML = "#";
+	th.className = "browse-type";
 	tr.appendChild(th);
 
 	//FileName
 	th = document.createElement("th");
 	th.innerHTML = "Name";
+	th.className = "browse-name";
 	tr.appendChild(th);
 
 	//mob
 	th = document.createElement("th");
-	th.className = "mob";
+	th.className = "mob browse-unknown";
 	tr.appendChild(th);
 
 	//Size
 	th = document.createElement("th");
 	th.innerHTML = "Size";
-	th.className = "hide-for-small";
+	th.className = "hide-for-small browse-size";
 	tr.appendChild(th);
 
 	//Mdate
 	th = document.createElement("th");
 	th.innerHTML = "Change";
-	th.className = "hide-for-small";
+	th.className = "hide-for-small browse-mdate";
 	tr.appendChild(th);
 
 	//kind
 	th = document.createElement("th");
 	th.innerHTML = "Kind";
-	th.className = "hide-for-small";
+	th.className = "hide-for-small browse-kind";
 	tr.appendChild(th);
 
 	//Actions
 	th = document.createElement("th");
 	th.innerHTML = "Actions";
-	th.className = "hide-for-small";
+	th.className = "hide-for-small browse-action";
 	tr.appendChild(th);
 
 	this.tbody = document.createElement("tbody");
@@ -220,7 +223,7 @@ WualaDisplay.prototype.AddElement = function(list, element, displayName, onBrows
 	mobtr.className = "hide";
 	mobtr.style.display = "none";
 	td = document.createElement("td");
-	td.colSpan = "8";
+	td.colSpan = "4";
 	mobtr.appendChild(td);
 
 	if (null != onDownloadCB && undefined != onDownloadCB){