From 902372d5b0f38eb4f7544e6907d4c08cbce42296 Mon Sep 17 00:00:00 2001
From: Florian Rival <Florian.rival@gmail.com>
Date: Thu, 26 Sep 2024 17:29:03 +0200
Subject: [PATCH] Fix missing + button for small screens in variables editor

---
 newIDE/app/src/VariablesList/VariablesListToolbar.js | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/newIDE/app/src/VariablesList/VariablesListToolbar.js b/newIDE/app/src/VariablesList/VariablesListToolbar.js
index 914580250e63..38032c847493 100644
--- a/newIDE/app/src/VariablesList/VariablesListToolbar.js
+++ b/newIDE/app/src/VariablesList/VariablesListToolbar.js
@@ -134,7 +134,16 @@ const VariablesListToolbar = React.memo<Props>((props: Props) => {
         )}
       </Column>
       <Column noMargin>
-        {props.isNarrow ? null : (
+        {props.isCompact ? null : props.isNarrow ? (
+          <IconButton
+            key="add-variable"
+            tooltip={t`Add variable`}
+            onClick={props.onAdd}
+            size="small"
+          >
+            <Add style={props.iconStyle} />
+          </IconButton>
+        ) : (
           <FlatButton
             primary
             key="add-variable"