Merge pull request #1173 from ekhager/improvement/files-list

Added some styling for files list.

client/views/app/tabBar/uploadedFilesList.html

 <template name="uploadedFilesList">
   <div class="content">
-    <div class="list-view">
+    <div class="list-view uploaded-files-list">
       <div class="status">
         <h2>{{_ "Room_uploaded_file_list"}}</h2>
       </div>
@@ -9,8 +9,10 @@
           <ul class='list clearfix lines'>
             {{#each files}}
               <li>
-                <i class="{{getFileIcon type}}"></i>
-                <a title="{{name}}" href="{{url}}" target="_blank" class="room-file-item {{customClassForFileType}}">{{name}}</a>
+                <a title="{{name}}" href="{{url}}" target="_blank" class="room-file-item {{customClassForFileType}}">
+                  <i class="{{getFileIcon type}}"></i>
+                  <p>{{name}}</p>
+                </a>
               </li>
             {{/each}}
           </ul>
@@ -22,4 +24,4 @@
       {{/if}}
     </div>
   </div>
-</template>
+</template>
\ No newline at end of file

packages/rocketchat-theme/assets/stylesheets/base.less

@@ -2785,6 +2785,23 @@ a.github-fork {
 			border: none;
 		}
 	}
+	&.uploaded-files-list {
+		a {
+			color: #008ce3;
+			padding: 10px 5px;
+			border-bottom: 1px solid #eaeaea;
+			display: block;
+			&:hover {
+				color: #006db0;
+				text-decoration: underline;
+			}
+		}
+		i {
+			float: left;
+			color: #444;
+			margin-right: 10px;
+		}
+	}
 }
 
 .user-view {