Revert "Revert "Reverting text/html document classes and setting up MVC folder structure""

This reverts commit 9048cd50bf5e0a418d1d95498bb593961f72db36.

Signed-off-by: Ananya Sen <Ananya.Sen@motorola.com>

2 files changed, 10 insertions, 9 deletions

diff --git a/js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.css b/js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.css
index 9c85c6b5..796c283f 100644
--- a/js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.css
+++ b/js/components/ui/FilePicker/pickerNavigator.reel/pickerNavigator.css
@@ -6,7 +6,7 @@
 
 .picker{
     font-size:12px;
-    width:510px;
+    width:523px;
     height:500px;
     padding-top:15px;
     padding-left:15px;
@@ -53,6 +53,7 @@
     height:75%;
     width:auto;
     border-right: none;
+    margin: 8px 0px 0px 8px;
 }
 
 .picker .right-bottom{
diff --git a/js/components/ui/icon-list-basic/icon.reel/icon.css b/js/components/ui/icon-list-basic/icon.reel/icon.css
index 4d71f6b8..9fb180d2 100644
--- a/js/components/ui/icon-list-basic/icon.reel/icon.css
+++ b/js/components/ui/icon-list-basic/icon.reel/icon.css
@@ -5,14 +5,14 @@
  </copyright> */
 
 .icon{
-    width:90px;
-    height:80px;
+    width:88px;
+    height:78px;
     display: inline;
     float: left;
     -moz-border-radius: 8px;
     border-radius: 8px;
-    margin-bottom: 5px;
-    margin-right: 5px;
+    margin-bottom: 8px;
+    margin-right: 8px;
     background-color: #5f5f5f;
 }
 
@@ -29,17 +29,17 @@
 .icon .iconImg{
     width:35px;
     height:35px;
-    margin-left: 20px;
+    margin-left: 26px;
     margin-top: 10px;
 }
 
 .icon .iconLabel{
     margin-top:8px;
     white-space: nowrap;
-    text-overflow:ellipsis;
+    text-overflow: ellipsis;
     line-height:15px;
     overflow: hidden;
-    max-width:80%;
+    width: 72px;
+    padding: 0px 8px;
     text-align: center;
-    padding-left: 2px;
 }
\ No newline at end of file