fix: make refresh button container full widh + height

equinor · Feb 2, 2024 · da80332 · da80332
1 parent d6df1ee
commit da80332
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/packages/dm-core/src/components/EntityView.tsx b/packages/dm-core/src/components/EntityView.tsx
@@ -78,6 +78,8 @@ export const EntityView = (props: IEntityView): React.ReactElement => {
                 ? '1px solid #5c5c5c'
                 : '1px solid transparent',
               borderRadius: hoverRefresh ? '4px' : '0',
+              width: '100%',
+              height: '100%',
             }}
             key={reloadCounter}
           >
@@ -95,7 +97,13 @@ export const EntityView = (props: IEntityView): React.ReactElement => {
                 }}
               />
             )}
-            <div style={{ opacity: hoverRefresh ? 0.6 : 1 }}>
+            <div
+              style={{
+                opacity: hoverRefresh ? 0.6 : 1,
+                width: '100%',
+                height: '100%',
+              }}
+            >
               <MemoizedUiPlugin
                 getPlugin={getUiPlugin}
                 recipe={recipe}