IE11-specific style tweaks

src/editor/widgets/tag/TagWidget.jsx

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

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

@@ -2,6 +2,20 @@
   display:none;
 }
 
+/* IE11-specific hackery */
+@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
+
+  .r6o-widget.tag .r6o-taglist li {
+    height:27px;
+
+    .delete-wrapper .delete {
+      position:relative;
+      top:-4px;
+    }
+  }
+
+}
+
 .r6o-widget.tag {
   background-color:$blueish-white;
   border-bottom:1px solid $lightgrey-border;