Fix re-ordering of groups

WebThingsIO · Aug 11, 2023 · 15de927 · 15de927
1 parent 19e1174
commit 15de927
Showing 1 changed file with 12 additions and 4 deletions.
diff --git a/static/css/group.css b/static/css/group.css
@@ -79,21 +79,29 @@
 }
 
 .drag-before::before {
+  display: block;
   content: '';
-  position: absolute;
+  position: relative;
   border-top: 0.2rem dashed white;
   width: 100%;
-  top: -14px;
+  top: -1rem;
   left: 0;
+  margin-bottom: -2px; /* Prevent it taking up space */
 }
 
 .drag-after::after {
+  display: block;
   content: '';
-  position: absolute;
+  position: relative;
   border-top: 0.2rem dashed white;
   width: 100%;
-  bottom: -14px;
+  bottom: -1rem;
   left: 0;
+  margin-bottom: -2px; /* Prevent it taking up space */
+}
+
+.group.open .bar:last-child {
+  margin-bottom: 19.2rem; /* Fill up an empty group */
 }
 
 .group-overflow-menu {