From 267a3af1e5df43c01b6a698a522f1406db81fa60 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Florian=20Schr=C3=B6dl?= <flo.schroedl@gmail.com>
Date: Wed, 11 Jun 2025 10:43:02 +0200
Subject: [PATCH] :lipstick: Fixes export dialog styling issues (#6673)

* :bug: Fix text overflow in file list
* :lipstick: Set monospace font for code-block component
* :lipstick: Reduce padding
---
 frontend/src/app/main/ui/components/code_block.scss         | 2 ++
 .../src/app/main/ui/workspace/tokens/modals/export.scss     | 6 ++++--
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/frontend/src/app/main/ui/components/code_block.scss b/frontend/src/app/main/ui/components/code_block.scss
index 7b44c702ae..5f28cd4624 100644
--- a/frontend/src/app/main/ui/components/code_block.scss
+++ b/frontend/src/app/main/ui/components/code_block.scss
@@ -4,9 +4,11 @@
 //
 // Copyright (c) KALEIDOS INC
 
+@use "../ds/typography.scss" as t;
 @import "refactor/common-refactor.scss";
 
 .code-display {
+  @include t.use-typography("code-font");
   user-select: text;
   border-radius: $br-8;
   margin-top: $s-8;
diff --git a/frontend/src/app/main/ui/workspace/tokens/modals/export.scss b/frontend/src/app/main/ui/workspace/tokens/modals/export.scss
index f38db8616a..922e8c403d 100644
--- a/frontend/src/app/main/ui/workspace/tokens/modals/export.scss
+++ b/frontend/src/app/main/ui/workspace/tokens/modals/export.scss
@@ -38,6 +38,7 @@
   flex-direction: column;
   gap: var(--sp-m);
   padding-top: var(--sp-m);
+  max-width: calc(var(--modal-width) - var(--modal-padding) * 2);
 }
 
 .preview-label {
@@ -79,8 +80,10 @@
   flex-grow: 1;
   overflow: hidden;
   text-overflow: ellipsis;
+  padding: var(--sp-xs);
+  overflow: hidden;
+  text-overflow: ellipsis;
   white-space: nowrap;
-  padding: var(--sp-s);
 }
 
 .export-actions {
@@ -108,7 +111,6 @@
   overflow-x: auto;
   word-wrap: normal;
   white-space: pre;
-  max-width: calc(var(--modal-width) - var(--modal-padding) * 2);
 }
 
 .disabled-message {