Merge pull request #1198 from silverstripe-rebelalliance/open8231

ENHANCEMENT: fixed styling bug with the text in the file upload drop are...

scss/AssetUploadField.scss

@@ -8,7 +8,7 @@
 
 // Temporary. To be hidden and replaced with javascript tooltip
 .ss-uploadfield-view-allowed-extensions{
-	padding-top:20px;
+	padding-top:5px;
 	clear:both;
 	max-width:750px;
 	display:block;
@@ -319,7 +319,7 @@ body.cms.ss-uploadfield-edit-iframe, .composite.ss-assetuploadfield .details fie
 			height: 54px;
 			width: 360px;
 			float: left;
-			text-align: center;
+			text-align: left;
 
 			&.active{
 				&.hover{
@@ -329,14 +329,14 @@ body.cms.ss-uploadfield-edit-iframe, .composite.ss-assetuploadfield .details fie
 			div {
 				color:lighten($color-text, 10%);
 				text-shadow: 0px 1px 0px #fff;
-				background: url('../images/upload.png') 0 12px no-repeat;
+				background: url('../images/upload.png') 0 10px no-repeat;
 				z-index:1;
-				padding: 20px 38px 0;
+				padding: 6px 48px 0;
 				line-height: 25px;
 				font-size: 20px;
 				font-weight: bold;
 				display: inline-block;
-				margin:0 auto;
+				margin-left: 83px;
 				span {
 					display: block;
 					font-size: 12px;
@@ -350,8 +350,9 @@ body.cms.ss-uploadfield-edit-iframe, .composite.ss-assetuploadfield .details fie
 				overflow:hidden;
 
 				div{		
-					background-position:0 13px;
-					padding-top:22px;
+					background-position:0 11px;
+					padding-top:21px;
+					margin-left: 33px;
 					span{
 						height:38px;
 						font-size:18px;