From 90016b133395c93f897c614ffee761b6da587e0f Mon Sep 17 00:00:00 2001
From: Sophie Zhang <sophie_zhang@brown.edu>
Date: Tue, 30 Apr 2024 18:29:08 -0400
Subject: pre deleting unneeded

---
 src/client/views/nodes/trails/PresBox.scss | 6 ++++++
 src/client/views/nodes/trails/PresBox.tsx  | 2 +-
 2 files changed, 7 insertions(+), 1 deletion(-)

(limited to 'src')

diff --git a/src/client/views/nodes/trails/PresBox.scss b/src/client/views/nodes/trails/PresBox.scss
index 2c56cf698..58c9b0b42 100644
--- a/src/client/views/nodes/trails/PresBox.scss
+++ b/src/client/views/nodes/trails/PresBox.scss
@@ -38,6 +38,12 @@
 
 // Effect Animations
 
+.presBox-effects {
+    display: grid;
+    grid-template-columns: auto auto;
+    gap: 8px;
+}
+
 .presBox-effect-row {
     display: flex;
     gap: 8px;
diff --git a/src/client/views/nodes/trails/PresBox.tsx b/src/client/views/nodes/trails/PresBox.tsx
index 2d93f8656..cf97dee1a 100644
--- a/src/client/views/nodes/trails/PresBox.tsx
+++ b/src/client/views/nodes/trails/PresBox.tsx
@@ -2286,7 +2286,7 @@ export class PresBox extends ViewBoxBaseComponent<FieldViewProps>() {
                                     </div>
                                 </div>
                                 {/* Preview Animations  */}
-                                <div>
+                                <div className="presBox-effects">
                                     {this.generatedAnimations.map((elem, i) => (
                                         <div
                                             key={i}
-- 
cgit v1.2.3-70-g09d2