From b3684990f1a25c8c2e5d911ec8a9a51404128bf2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bel=C3=A9n=20Albeza?= <belen@hey.com>
Date: Wed, 3 Jan 2024 16:34:50 +0100
Subject: [PATCH] :bug: Fix sizes of dropdowns in the export section

---
 .../sidebar/options/menus/exports.scss        | 63 +++++++++++--------
 1 file changed, 36 insertions(+), 27 deletions(-)

diff --git a/frontend/src/app/main/ui/workspace/sidebar/options/menus/exports.scss b/frontend/src/app/main/ui/workspace/sidebar/options/menus/exports.scss
index 42ecf713b..6bbb39afd 100644
--- a/frontend/src/app/main/ui/workspace/sidebar/options/menus/exports.scss
+++ b/frontend/src/app/main/ui/workspace/sidebar/options/menus/exports.scss
@@ -48,33 +48,10 @@
 }
 
 .element-group {
-  @include flexRow;
-  .input-wrapper {
-    @include flexRow;
-    .format-select {
-      width: $s-60;
-      padding: 0;
-      .dropdown-upwards {
-        bottom: $s-36;
-        width: $s-80;
-        top: unset;
-      }
-    }
-    .size-select {
-      width: $s-60;
-      padding: 0;
-      .dropdown-upwards {
-        bottom: $s-36;
-        top: unset;
-        width: $s-80;
-      }
-    }
-    .suffix-input {
-      @extend .input-element;
-      min-width: $s-92;
-      flex-grow: 1;
-    }
-  }
+  display: grid;
+  grid-template-columns: repeat(8, 1fr);
+  column-gap: $s-4;
+
   .action-btn {
     @extend .button-tertiary;
     height: $s-32;
@@ -85,6 +62,38 @@
   }
 }
 
+.input-wrapper {
+  grid-column: span 7;
+  display: grid;
+  grid-template-columns: subgrid;
+}
+
+.format-select {
+  grid-column: span 2;
+  padding: 0;
+
+  .dropdown-upwards {
+    bottom: $s-36;
+    width: $s-80;
+    top: unset;
+  }
+}
+
+.size-select {
+  grid-column: span 2;
+  padding: 0;
+  .dropdown-upwards {
+    bottom: $s-36;
+    top: unset;
+    width: $s-80;
+  }
+}
+
+.suffix-input {
+  grid-column: span 3;
+  @extend .input-element;
+}
+
 .export-btn {
   @extend .button-secondary;
   @include tabTitleTipography;