2 files changed, 13 insertions, 4 deletions
diff --git a/js/panels/css-panel/css-panel.reel/css-panel.css b/js/panels/css-panel/css-panel.reel/css-panel.css
index 7bcfbc1a..7a4191b9 100644
--- a/js/panels/css-panel/css-panel.reel/css-panel.css
+++ b/js/panels/css-panel/css-panel.reel/css-panel.css
@@ -23,6 +23,13 @@
    -webkit-box-flex: 0;
    -webkit-user-select: none;
 }
+.css-panel .selection-name:before, .css-panel .document-name:before {
+    content:" - "
+}
+.css-panel .no-styles.selection-name, .css-panel .no-document.document-name {
+    display: none;
+}
 .css-panel .style-sheets-view-container {
    -webkit-box-flex: 0;
    min-height: 41px;
diff --git a/js/panels/css-panel/css-panel.reel/css-panel.html b/js/panels/css-panel/css-panel.reel/css-panel.html
index 8ee56086..f0c538c8 100644
--- a/js/panels/css-panel/css-panel.reel/css-panel.html
+++ b/js/panels/css-panel/css-panel.reel/css-panel.html
@@ -23,14 +23,16 @@ No rights, expressed or implied, whatsoever to this software are provided by Mot
                "module" : "js/panels/css-panel/style-sheets-view.reel",
                "name": "StyleSheetsView",
                "properties": {
-                    "element": {"#": "style-sheet-view" }
+                    "element": {"#": "style-sheet-view" },
+                    "documentNameLabel": {"#": "document-name" }
                }
            },
            "stylesViewContainer": {
                "module" : "js/panels/css-panel/styles-view-container.reel",
                "name": "StylesViewContainer",
                "properties": {
-                    "element": {"#": "styles-view-container" }
+                    "element": {"#": "styles-view-container" },
+                    "selectionNameLabel": {"#": "selection-name" }
                }
            }
        }
@@ -38,9 +40,9 @@ No rights, expressed or implied, whatsoever to this software are provided by Mot
 </head>
 <body>
 <section id="container" class="css-panel">
-    <h3>Style Sheets</h3>
+    <h3>Style Sheets <span data-montage-id="document-name" class="document-name"></span></h3>
    <div id="style-sheet-view"></div>
-    <h3>Styles</h3>
+    <h3>Styles <span data-montage-id="selection-name" class="selection-name"></span></h3>
    <div id="styles-view-container"></div>
 </section>
 </body>