From 1761a16d31b5e15d667ad3f6aff191b8a1a3de5d Mon Sep 17 00:00:00 2001
From: Eva <eva.marco@kaleidos.net>
Date: Fri, 12 Jan 2024 13:23:57 +0100
Subject: [PATCH] :bug: Fix export dropdown on inspect

---
 .../app/main/ui/viewer/inspect/exports.scss   | 47 +++++++++++--------
 1 file changed, 27 insertions(+), 20 deletions(-)

diff --git a/frontend/src/app/main/ui/viewer/inspect/exports.scss b/frontend/src/app/main/ui/viewer/inspect/exports.scss
index 9d96c8339..28ad83a35 100644
--- a/frontend/src/app/main/ui/viewer/inspect/exports.scss
+++ b/frontend/src/app/main/ui/viewer/inspect/exports.scss
@@ -46,43 +46,50 @@
   @include flexRow;
 }
 
-.action-btn {
-  @extend .button-tertiary;
-  height: $s-32;
-  width: $s-28;
-  svg {
-    @extend .button-icon;
+.element-group {
+  display: grid;
+  grid-template-columns: repeat(8, 1fr);
+  column-gap: $s-4;
+  .action-btn {
+    @extend .button-tertiary;
+    height: $s-32;
+    width: $s-28;
+    svg {
+      @extend .button-icon;
+    }
   }
 }
 
-.element-group {
-  @include flexRow;
-}
-
 .input-wrapper {
-  @include flexRow;
+  grid-column: span 7;
+  display: grid;
+  grid-template-columns: subgrid;
 }
 
 .format-select {
-  width: $s-60;
+  grid-column: span 2;
   padding: 0;
-}
 
-.dropdown-upwards {
-  bottom: $s-36;
-  width: $s-80;
-  top: unset;
+  .dropdown-upwards {
+    bottom: $s-36;
+    width: $s-80;
+    top: unset;
+  }
 }
 
 .size-select {
-  width: $s-60;
+  grid-column: span 2;
   padding: 0;
+  .dropdown-upwards {
+    bottom: $s-36;
+    top: unset;
+    width: $s-80;
+  }
 }
 
 .suffix-input {
   @extend .input-element;
-  min-width: $s-92;
-  flex-grow: 1;
+  grid-column: span 3;
 }
 
 .export-btn {