Preserve spacing between title and button in ExperimentList component (…

…#367)
qbicsoftware · Sep 13, 2023 · 999bf37 · 999bf37
1 parent 40b7fa7
commit 999bf37
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 20 deletions.
diff --git a/vaadinfrontend/frontend/themes/datamanager/components/card.css b/vaadinfrontend/frontend/themes/datamanager/components/card.css
@@ -160,26 +160,6 @@
   font-weight: bold;
 }
 
-/* Support section formatting and components */
-
-.experiment-item-collection {
-  display: flex;
-  gap: var(--lumo-space-s);
-  flex-flow: column;
-}
-
-.experiment-item-collection .content {
-  display: grid;
-  gap: var(--lumo-space-m);
-  grid-auto-rows: max-content;
-}
-
-.experiment-item-collection .header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-}
-
 /* Experiment item */
 
 .experiment-item {

diff --git a/vaadinfrontend/frontend/themes/datamanager/components/div.css b/vaadinfrontend/frontend/themes/datamanager/components/div.css
@@ -32,6 +32,27 @@
   margin-bottom: 0.5rem;
 }
 
+/* Support section formatting and components */
+
+.experiment-item-collection {
+  display: flex;
+  gap: var(--lumo-space-s);
+  flex-flow: column;
+}
+
+.experiment-item-collection .content {
+  display: grid;
+  gap: var(--lumo-space-m);
+  grid-auto-rows: max-content;
+}
+
+.experiment-item-collection .header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  gap: var(--lumo-space-m);
+}
+
 .project-collection {
   display: flex;
   gap: 1rem;