@@ -141,44 +141,46 @@ const PluginCard: FC<PluginCardProps> = ({ storePlugin, installedPlugin }) => {
141141 < div className = "deckyStoreCardButtonRow" >
142142 < PanelSectionRow >
143143 < Focusable style = { { display : 'flex' , gap : '5px' , padding : 0 } } >
144- < DialogButton
145- onClick = { ( ) =>
146- requestPluginInstall ( storePlugin . name , storePlugin . versions [ selectedOption ] , installType )
147- }
148- >
149- < span
150- className = "deckyStoreCardInstallText"
151- style = { {
152- display : 'flex' ,
153- justifyContent : 'center' ,
154- alignItems : 'center' ,
155- gap : '5px' ,
156- } }
144+ < div className = "deckyStoreCardInstallContainer" style = { { flexGrow : '1' } } >
145+ < DialogButton
146+ onClick = { ( ) =>
147+ requestPluginInstall ( storePlugin . name , storePlugin . versions [ selectedOption ] , installType )
148+ }
157149 >
158- { installType === InstallType . UPDATE ? (
159- < >
160- < FaArrowUp /> { t ( 'PluginCard.plugin_update' ) }
161- </ >
162- ) : installType === InstallType . REINSTALL ? (
163- < >
164- < FaRecycle /> { t ( 'PluginCard.plugin_reinstall' ) }
165- </ >
166- ) : installType === InstallType . DOWNGRADE ? (
167- < >
168- < FaArrowDown /> { t ( 'PluginCard.plugin_downgrade' ) }
169- </ >
170- ) : installType === InstallType . OVERWRITE ? (
171- < >
172- < FaDownload /> { t ( 'PluginCard.plugin_overwrite' ) }
173- </ >
174- ) : (
175- // installType === InstallType.INSTALL (also fallback)
176- < >
177- < FaDownload /> { t ( 'PluginCard.plugin_install' ) }
178- </ >
179- ) }
180- </ span >
181- </ DialogButton >
150+ < span
151+ className = "deckyStoreCardInstallText"
152+ style = { {
153+ display : 'flex' ,
154+ justifyContent : 'center' ,
155+ alignItems : 'center' ,
156+ gap : '5px' ,
157+ } }
158+ >
159+ { installType === InstallType . UPDATE ? (
160+ < >
161+ < FaArrowUp /> { t ( 'PluginCard.plugin_update' ) }
162+ </ >
163+ ) : installType === InstallType . REINSTALL ? (
164+ < >
165+ < FaRecycle /> { t ( 'PluginCard.plugin_reinstall' ) }
166+ </ >
167+ ) : installType === InstallType . DOWNGRADE ? (
168+ < >
169+ < FaArrowDown /> { t ( 'PluginCard.plugin_downgrade' ) }
170+ </ >
171+ ) : installType === InstallType . OVERWRITE ? (
172+ < >
173+ < FaDownload /> { t ( 'PluginCard.plugin_overwrite' ) }
174+ </ >
175+ ) : (
176+ // installType === InstallType.INSTALL (also fallback)
177+ < >
178+ < FaDownload /> { t ( 'PluginCard.plugin_install' ) }
179+ </ >
180+ ) }
181+ </ span >
182+ </ DialogButton >
183+ </ div >
182184 { installedPlugin && installedVersionIndex === selectedOption ? (
183185 < DialogButton
184186 style = { {
0 commit comments