menu design update and bug fixes - Moved Preview to the document bar

- Redesigned the menu and improved DOM structure.
- Removed un-used entires
- Fixed layout and snap entries

- Moved the preview button to the document bar.

- Fixes for bugs: #1750, #1867, #1876, #1895

Signed-off-by: Valerio Virgillito <valerio@motorola.com>

1 files changed, 11 insertions, 2 deletions

diff --git a/js/components/layout/document-bar.reel/document-bar.css b/js/components/layout/document-bar.reel/document-bar.css
index b86855b7..5eba72e8 100755
--- a/js/components/layout/document-bar.reel/document-bar.css
+++ b/js/components/layout/document-bar.reel/document-bar.css
@@ -75,7 +75,7 @@ POSSIBILITY OF SUCH DAMAGE.
     padding: 0;
     border: none;
     color: #FFF;
-    width: 44px;
+    width: 46px;
     text-transform: uppercase;
     text-align: left;
     float: left;
@@ -83,6 +83,10 @@ POSSIBILITY OF SUCH DAMAGE.
     font-size: 11px;
 }
 
+.preview:focus {
+    -webkit-box-shadow: none;
+}
+
 .documentBar .viewicon {
     background-repeat: no-repeat;
     background-position: center center;
@@ -98,10 +102,15 @@ POSSIBILITY OF SUCH DAMAGE.
 }
 
 .documentBar .viewdesign {
-    background-image: url('../../../../js/panels/Color/colorpanelpopup.reel/img/icon_bitmap.png');
+    background-image: url('../../../../js/panels/color/colorpanelpopup.reel/img/icon_bitmap.png');
     background-size: 90%;
 }
 
+.documentBar .viewPreview {
+    background-image: url('../../../../images/optionsbar/edit_mode.png');
+    background-size: 100%;
+}
+
 .documentBar section.inactive .viewicon{
     opacity: .5;
 }