Style Sheets - More CSS tweaks

2 files changed, 12 insertions, 7 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 76bdbfe9..b64c1d69 100644
--- a/js/panels/css-panel/style-sheet.reel/style-sheet.css
+++ b/js/panels/css-panel/style-sheet.reel/style-sheet.css
@@ -50,7 +50,7 @@
     width: 24px;
     height: 100%;
     opacity: 1;
-    position: relative;
+    position: absolute;
     left: -24px;
     -webkit-transition: background-color .55s cubic-bezier(.44,.19,0,.99);
     border-width: 0 0 0 1px;
@@ -88,13 +88,17 @@
 .style-sheet-edit button.nj-skinned {
     height: 20px;
     padding: 2px 10px;
-    margin-left: 5px;
-    position: relative;
-    left: -15px;
+    margin-left: 9px;
+    margin-right: -4px;
     top: 2px;
+    position: relative;
     text-transform: capitalize;
     font-size: 10px;
 }
 .style-sheet-edit .ss-delete-button {
-    background: -webkit-linear-gradient(top, rgba(73,45,45,1) 0%,rgba(53,35,35,1) 100%);
+    background: -webkit-linear-gradient(top, rgba(91,57,56,1) 0%,rgba(53,35,35,1) 100%);
+}
+.style-sheet-edit button.ss-disable-button {
+    position: absolute;
+    right: 25px;
 }
\ 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 9d406d0b..1c47ce3f 100644
--- a/js/panels/css-panel/style-sheet.reel/style-sheet.html
+++ b/js/panels/css-panel/style-sheet.reel/style-sheet.html
@@ -79,9 +79,10 @@ No rights, expressed or implied, whatsoever to this software are provided by Mot
     <div data-montage-id="style-sheet-edit" class="style-sheet-edit">
 
         <button data-montage-id="edit-button" class="ss-edit-button"></button>
-        <button data-montage-id="import-button" class="nj-skinned">Import</button>
-        <button data-montage-id="disable-button" class="nj-skinned">Disable</button>
         <button data-montage-id="delete-button" class="ss-delete-button nj-skinned">Delete</button>
+        <button data-montage-id="import-button" class="nj-skinned">Import</button>
+        <button data-montage-id="disable-button" class="ss-disable-button nj-skinned">Disable</button>
+
     </div>
 </div>
 </body>