Add delete buttons and bar add/create to sub-objects pane

static/style.css

@@ -320,21 +320,16 @@
 }
 
 .se-bar-chip {
-    display: inline-block;
+    display: inline-flex;
+    align-items: center;
     font-size: 0.7rem;
     font-family: monospace;
-    padding: 0.1rem 0.25rem;
     border: 1px solid #383838;
     background: #1e1e1e;
     color: #777;
-    cursor: pointer;
     margin: 1px;
     line-height: 1.4;
-}
-
-.se-bar-chip:hover {
-    color: #ccc;
-    border-color: #555;
+    vertical-align: middle;
 }
 
 .se-bar-chip.focused {
@@ -343,6 +338,49 @@
     border-color: #4a7aaa;
 }
 
+.se-bar-chip-label {
+    padding: 0.1rem 0.2rem;
+    cursor: pointer;
+}
+
+.se-bar-chip:hover .se-bar-chip-label {
+    color: #ccc;
+}
+
+.se-bar-chip-delete {
+    background: transparent;
+    border: none;
+    border-left: 1px solid #383838;
+    color: #604040;
+    cursor: pointer;
+    padding: 0.1rem 0.2rem;
+    font-size: 0.75rem;
+    line-height: 1;
+}
+
+.se-bar-chip-delete:hover {
+    color: #e06060;
+}
+
+.se-bar-add {
+    display: inline-block;
+    font-size: 0.65rem;
+    font-family: monospace;
+    padding: 0.1rem 0.3rem;
+    border: 1px dashed #383838;
+    background: transparent;
+    color: #505050;
+    cursor: pointer;
+    margin: 1px;
+    line-height: 1.4;
+    vertical-align: middle;
+}
+
+.se-bar-add:hover {
+    color: #999;
+    border-color: #666;
+}
+
 /* Export log (shown in CP pane after export) */
 .se-export-log {
     font-size: 0.75rem;
@@ -387,3 +425,17 @@
     color: #e06060;
     border-color: #602020;
 }
+
+.se-btn-delete {
+    background: transparent;
+    color: #e06060;
+    border: none;
+    cursor: pointer;
+    padding: 0 0.3rem;
+    font-size: 0.9rem;
+    line-height: 1;
+    margin-left: 0.15rem;
+}
+.se-btn-delete:hover {
+    color: #ff8080;
+}