Fix design with white borders being visible while dragging teams

js/components/EditableStringList.js

@@ -198,6 +198,7 @@ class GroupView extends React.Component {
                             <CardTitle>Group {groupindex + 1}</CardTitle>
                             {group.map((team, teamindex) => (
                                 <div key={team} draggable droppable="droppable"
+                                    className="grouped-team-item"
                                     onDragStart={(e) => this.onDragStart(e, groupindex,teamindex)}
                                     onDragOver={(e) => this.onDragOver(e)}
                                     onDrop={(e) => this.onDrop(e, groupindex, teamindex)}>

static/css/editablestringlist.css

@@ -10,6 +10,16 @@
     display: inline-block;
 }
 
-.group-card .team-item {
+.grouped-team-item {
     display: block;
+    margin-bottom: .5rem;
+    border-radius: .25rem;
+}
+
+.grouped-team-item:last-child {
+    margin-bottom: 0px;
+}
+
+.grouped-team-item > .m-2 {
+    margin: 0 !important;
 }