Skip to content

Commit 649e7e0

Browse files
committed
Fix button positioning for Zen Mode and Data Health indicators
- Move Zen Mode button to top-right with proper spacing (top-4 right-6) - Position Data Health button below Zen Mode (top-20 right-6) to prevent overlap - Align Back button with Zen Mode button position for consistency - Add shadow-lg to buttons for better visual separation - Create clean empty zone around Zen Mode button
1 parent bbed27f commit 649e7e0

1 file changed

Lines changed: 3 additions & 3 deletions

File tree

packages/web/src/components/InteractiveGraphVisualization.tsx

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -2390,7 +2390,7 @@ export function InteractiveGraphVisualization() {
23902390

23912391
{/* Data Health Indicator */}
23922392
{validationResult && (validationResult.errors.length > 0 || validationResult.warnings.length > 0) && (
2393-
<div className="absolute top-4 right-4 z-40">
2393+
<div className="absolute top-20 right-6 z-40">
23942394
<button
23952395
onClick={() => setShowDataHealth(!showDataHealth)}
23962396
className="bg-yellow-600/90 backdrop-blur-sm border border-yellow-500 rounded-lg px-3 py-2 shadow-md hover:bg-yellow-500 transition-all duration-200"
@@ -3351,7 +3351,7 @@ export function InteractiveGraphVisualization() {
33513351
{isFullscreen ? (
33523352
<button
33533353
onClick={() => navigate('/')}
3354-
className="absolute top-4 left-4 z-50 bg-gray-800 hover:bg-gray-700 text-white p-3 rounded-lg border border-gray-600 flex items-center space-x-2 transition-colors"
3354+
className="absolute top-4 right-6 z-50 bg-gray-800 hover:bg-gray-700 text-white p-3 rounded-lg border border-gray-600 flex items-center space-x-2 transition-colors shadow-lg"
33553355
title="Back to Workspace"
33563356
>
33573357
<ArrowLeft className="h-5 w-5" />
@@ -3360,7 +3360,7 @@ export function InteractiveGraphVisualization() {
33603360
) : (
33613361
<button
33623362
onClick={() => navigate('/graph')}
3363-
className="absolute top-4 right-4 z-50 bg-gray-800 hover:bg-gray-700 text-white p-3 rounded-lg border border-gray-600 flex items-center space-x-2 transition-colors"
3363+
className="absolute top-4 right-6 z-50 bg-gray-800 hover:bg-gray-700 text-white p-3 rounded-lg border border-gray-600 flex items-center space-x-2 transition-colors shadow-lg"
33643364
title="Full Zen Mode"
33653365
>
33663366
<Maximize2 className="h-5 w-5" />

0 commit comments

Comments
 (0)