From a41ecccb9a475dfc83ce312fe5941bdacccd9fd7 Mon Sep 17 00:00:00 2001
From: Frode Petterson <frode.andre.petterson@gmail.com>
Date: Tue, 1 Mar 2016 10:43:13 +0100
Subject: [PATCH] Added em-dash when facet cell is empty.

Other minor visual adjustments.
HFJ-1620
---
 js/h5p-data-view.js  | 2 +-
 styles/h5p-admin.css | 7 ++++---
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/js/h5p-data-view.js b/js/h5p-data-view.js
index 669e4d7..c8b876d 100644
--- a/js/h5p-data-view.js
+++ b/js/h5p-data-view.js
@@ -222,7 +222,7 @@ var H5PDataView = (function ($) {
       facets += '<span class="h5p-facet" role="button" tabindex="0" data-id="' + input.id + '" data-col="' + col + '">' + input.title + '</span>';
     }
 
-    return facets;
+    return facets === '' ? '—' : facets;
   };
 
   /**
diff --git a/styles/h5p-admin.css b/styles/h5p-admin.css
index f8155dd..572e9d7 100644
--- a/styles/h5p-admin.css
+++ b/styles/h5p-admin.css
@@ -257,8 +257,8 @@ button.h5p-admin.disabled:hover {
 }
 .h5p-data-view input[type="text"] {
   margin-bottom: 0.5em;
+  margin-right: 0.5em;
   float: left;
-  margin-right: 10px;
 }
 .h5p-data-view input[type="text"]::-ms-clear {
   display: none;
@@ -299,10 +299,11 @@ button.h5p-admin.disabled:hover {
   box-shadow: 0 0 0 1px #5b9dd9,0 0 2px 1px rgba(30,140,190,.8);
 }
 .h5p-data-view .h5p-facet-wrapper {
-  line-height: 27px;
+  line-height: 23px;
 }
 .h5p-data-view .h5p-facet-tag {
-  margin-left: 10px;
+  margin: 2px 0 0 0.5em;
+  font-size: 12px;
   background: #e8e8e8;
   border: 1px solid #cbcbcc;
   border-radius: 5px;