2 files changed, 11 insertions, 1 deletions
diff --git a/js/panels/css-panel/style.reel/style.css b/js/panels/css-panel/style.reel/style.css
index 9a877b5d..afcb7ca4 100644
--- a/js/panels/css-panel/style.reel/style.css
+++ b/js/panels/css-panel/style.reel/style.css
@@ -5,11 +5,18 @@
 </copyright> */
 .style-item {
+    cursor: url(/js/../images/tools/hand_down.png), default;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
 }
+.style-item:hover {
+    background-color: #fafafa;
+    border-right: 3px double #999;
+    margin-right: 1px;
+}
 .style-item input {
    height: 10px;
    width: 10px;
@@ -25,6 +32,7 @@
 .css-property, .css-value {
    border: 1px solid rgba(0,0,0,0);
    border-radius: 2px;
+    cursor: pointer;
    margin: 0;
    outline: none;
    padding: 0 2px;
@@ -50,9 +58,11 @@
    display: inline;
 }
 .style-item .editable {
+    background-color: transparent;
    border: 1px solid #999;
    box-shadow: 1px 1px 1px #CCC;
    color: #333;
+    cursor: text;
    display: inline-block;
    margin-right: 7px;
    max-width: none;
diff --git a/js/panels/css-panel/style.reel/style.html b/js/panels/css-panel/style.reel/style.html
index 6cecf43e..587dedb5 100644
--- a/js/panels/css-panel/style.reel/style.html
+++ b/js/panels/css-panel/style.reel/style.html
@@ -66,7 +66,7 @@ No rights, expressed or implied, whatsoever to this software are provided by Mot
    </script>
 </head>
 <body>
-<div id="container" class="style-item"  spellcheck="false">
+<div id="container" class="style-item"  spellcheck="false" draggable="true">
    <input type="checkbox" data-montage-id="disable-checkbox"><dt data-montage-id="property" class="css-property"></dt><dd data-montage-id="value" class="css-value"></dd>
 </div>
 </body>