Tweak option group styling

@@ -1313,6 +1313,10 @@ h6.fieldset-heading {
     left:     -10px;
     left:     -10px;
 }
 }
 
 
+.option-groups-region .ui-icon ~ .ui-icon {
+    left: -15px;
+}
+
 .option-groups-region .field-option .ui-icon {
 .option-groups-region .field-option .ui-icon {
     top: 4px;
     top: 4px;
 }
 }
@@ -1323,7 +1327,7 @@ h6.fieldset-heading {
 }
 }
 
 
 .option-groups-region .remove-group {
 .option-groups-region .remove-group {
-    margin-top: 1px;
+    margin-top: 3px;
 }
 }
 
 
 .option-groups-region .remove-option {
 .option-groups-region .remove-option {
@@ -1377,14 +1381,20 @@ h6.fieldset-heading {
     width: 99%;
     width: 99%;
 }
 }
 
 
+.option-groups-region .group-title,
+.option-groups-region .editable-group-title {
+    width:      400px;
+    min-height: 15px;
+    position:   relative;
+    left:       -14px;
+}
+
 .option-groups-region .group-title {
 .option-groups-region .group-title {
     display:       inline-block;
     display:       inline-block;
-    max-width:     415px;
     text-overflow: ellipsis;
     text-overflow: ellipsis;
     overflow:      hidden;
     overflow:      hidden;
-    position:      relative;
-    top:           2px;
     cursor:        pointer;
     cursor:        pointer;
+    top:           2px;
 }
 }
 
 
 .option-groups-region .group-title:hover {
 .option-groups-region .group-title:hover {