chore: Use gap from grid to be future-proof #1007

h2oai · Jan 19, 2022 · 5cfaa93 · 5cfaa93
1 parent 3482acd
commit 5cfaa93
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/ui/src/notification_bar.tsx b/ui/src/notification_bar.tsx
@@ -16,6 +16,7 @@ import * as Fluent from '@fluentui/react'
 import { B, Box, box, S, U } from 'h2o-wave'
 import React from 'react'
 import { Component } from './form'
+import { grid } from './layout'
 import { MessageBar } from "./message_bar"
 import { bond } from './ui'
 
@@ -40,7 +41,7 @@ export interface NotificationBar {
   events?: S[]
 }
 
-const gap = 15
+const gap = grid.gap
 
 export const
   notificationBarB: Box<NotificationBar | null> = box(null),