Tag widget style fix: widget now hidden when empty

src/editor/widgets/tag/TagWidget.jsx

@@ -61,27 +61,25 @@ const TagWidget = props => {
 
   return (
     <div className="r6o-widget r6o-tag">
-      <div>
+      { tags.length > 0 &&
-        { tags.length > 0 &&
+        <ul className="r6o-taglist">
-          <ul className="r6o-taglist">
+          { tags.map(tag =>
-            { tags.map(tag =>
+            <li key={tag.value} onClick={toggle(tag.value)}>
-              <li key={tag.value} onClick={toggle(tag.value)}>
+              <span className="r6o-label">{tag.value}</span>
-                <span className="r6o-label">{tag.value}</span>
 
-                {!props.readOnly &&
+              {!props.readOnly &&
-                  <CSSTransition in={showDelete === tag.value} timeout={200} classNames="r6o-delete">
+                <CSSTransition in={showDelete === tag.value} timeout={200} classNames="r6o-delete">
-                    <span className="r6o-delete-wrapper" onClick={onDelete(tag)}>
+                  <span className="r6o-delete-wrapper" onClick={onDelete(tag)}>
-                      <span className="r6o-delete">
+                    <span className="r6o-delete">
-                        <CloseIcon width={12} />
+                      <CloseIcon width={12} />
-                      </span>
                     </span>
-                  </CSSTransition>
+                  </span>
-                }
+                </CSSTransition>
-              </li>
+              }
-            )}
+            </li>
-          </ul>
+          )}
-        }
+        </ul>
-      </div>
+      }
 
       {!props.readOnly &&
         <Autocomplete

themes/default/editor/widgets/tag/_tag.scss

@@ -1,4 +1,4 @@
-.r6o-tags:empty {
+.r6o-widget.r6o-tag:empty {
   display:none;
 }