Improve documents layout & IE fix

* remove grey background color
 * add grey border
 * remove border-radius
 * add IE8 fixes
 * IE fixes for missing navigator.language

css/style.css

@@ -1,3 +1,12 @@
+/* IE 8 fixes */
+.ie8 .document label {
+	background-color: #fff;
+}
+.ie8 .add-document .upload {
+	margin-top: 5px;
+}
+/* end IE 8 fixes */
+
 #editor ::-webkit-scrollbar-thumb {
 	background-color: #fff;
 }
@@ -11,13 +20,14 @@
 	height: 200px;
 	width: 200px;
 	float: left;
-	background-color: #e8e8e8;
 	margin: 14px;
 	vertical-align: top;
-	border-radius: 5px;
 }
 
 .add-document a {
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
 	display: inline-block;
 	position: relative;
 	height: 100px;
@@ -33,12 +43,17 @@
 .add-document .add,
 .add-document .upload {
 	opacity: .7;
+	border: 1px solid #e8e8e8;
+}
+.add-document .upload {
+	margin-top: 4px;
 }
 .add-document .add:hover,
 .add-document .add:focus,
 .add-document #upload:hover .upload,
 .add-document .upload:focus {
 	opacity: 1;
+	border: 1px solid #818181;
 }
 
 .add-document label {
@@ -50,10 +65,7 @@
 }
 
 .documentslist .progress{
-	position:absolute;
-	left:232px;
-	z-index:5;
-	background-color: #e8e8e8;
+	border: 1px solid #e8e8e8;
 }
 
 .documentslist .progress div{
@@ -73,18 +85,19 @@
 	width: 32px;
 }
 .document a {
-	border-radius: 5px;
 	display: block;
 	position: relative;
 	height: 200px;
 	width: 200px;
 	background-repeat: no-repeat;
 	background-size: 200px;
-	border: 1px solid grey;
+	border: 1px solid #e8e8e8;
+}
+.document a:hover {
+	border: 1px solid #818181;
 }
 .document label {
-	background: lightgray;
-	opacity: 0.6;
+	background: rgba(255, 255, 255, 0.7);
 	position: absolute;
 	bottom: 0px;
 	width: 100%;

js/documents.js

@@ -649,7 +649,7 @@ var documentsMain = {
 /*globals navigator,dojoConfig */
 var usedLocale = "C";
 
-if (navigator && navigator.language.match(/^(de)/)) {
+if (navigator && navigator.language && navigator.language.match(/^(de)/)) {
 	usedLocale = navigator.language.substr(0,2);
 }