Style sheets section - Edit mode css tweaks and buttons

2 files changed, 7 insertions, 4 deletions

diff --git a/js/panels/css-panel/style-sheet.reel/style-sheet.css b/js/panels/css-panel/style-sheet.reel/style-sheet.css
index 5690c870..37c94ef6 100644
--- a/js/panels/css-panel/style-sheet.reel/style-sheet.css
+++ b/js/panels/css-panel/style-sheet.reel/style-sheet.css
@@ -61,15 +61,16 @@
 
 /* style sheet edit view */
 .style-sheet-edit {
+    border-left: 1px solid #505050;
     position: absolute;
     top: 0;
     right: 0;
     margin-right: -100%;
-    background-color: red;
+    background-color: #363636;
     height: 100%;
-    width: 80%;
+    width: 100%;
     -webkit-transition: -webkit-transform .6s cubic-bezier(.44,.19,0,.99);
 }
 .style-sheet-edit.expanded {
-    -webkit-transform: translate3d(-200px, 0, 0);
+    -webkit-transform: translate3d(-250px, 0, 0);
 }
\ No newline at end of file
diff --git a/js/panels/css-panel/style-sheet.reel/style-sheet.html b/js/panels/css-panel/style-sheet.reel/style-sheet.html
index 2619258a..661a1582 100644
--- a/js/panels/css-panel/style-sheet.reel/style-sheet.html
+++ b/js/panels/css-panel/style-sheet.reel/style-sheet.html
@@ -77,7 +77,9 @@ No rights, expressed or implied, whatsoever to this software are provided by Mot
     <div id="media-input"></div>
     <button data-montage-id="editbutton"></button>
     <div data-montage-id="style-sheet-edit" class="style-sheet-edit">
-
+        <button data-montage-id="delete-button" class="nj-skinned">Delete</button>
+        <button data-montage-id="import-button" class="nj-skinned">Import</button>
+        <button data-montage-id="disable-button" class="nj-skinned">Disable</button>
     </div>
 </div>
 </body>