IE11-specific style tweaks

src/editor/widgets/tag/TagWidget.jsx

@@ -32,6 +32,7 @@ const TagWidget = props => {
 
   return (
     <div className="r6o-widget tag">
+      <div>
         { tagBodies.length > 0 &&
           <ul className="r6o-taglist">
             { tagBodies.map(tag =>
@@ -51,6 +52,7 @@ const TagWidget = props => {
             )}
           </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;