From 515651c0fc4795be1d9f6e97d4cf5ca829f7e457 Mon Sep 17 00:00:00 2001
From: checktheroads <matt@allroads.io>
Date: Sat, 2 Jan 2021 16:52:50 -0700
Subject: [PATCH] fix table layout issues

---
 hyperglass/ui/components/card/body.tsx     | 1 -
 hyperglass/ui/components/output/fields.tsx | 4 +++-
 hyperglass/ui/components/output/table.tsx  | 2 +-
 3 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/hyperglass/ui/components/card/body.tsx b/hyperglass/ui/components/card/body.tsx
index 6d0cd92..277356b 100644
--- a/hyperglass/ui/components/card/body.tsx
+++ b/hyperglass/ui/components/card/body.tsx
@@ -11,7 +11,6 @@ export const CardBody = (props: ICardBody) => {
     <Flex
       bg={bg}
       w="100%"
-      maxW="95%"
       rounded="md"
       color={color}
       onClick={onClick}
diff --git a/hyperglass/ui/components/output/fields.tsx b/hyperglass/ui/components/output/fields.tsx
index d156a99..6ef56e9 100644
--- a/hyperglass/ui/components/output/fields.tsx
+++ b/hyperglass/ui/components/output/fields.tsx
@@ -119,15 +119,17 @@ export const Communities = (props: TCommunities) => {
         </Tooltip>
       </If>
       <If c={communities.length !== 0}>
-        <Menu>
+        <Menu preventOverflow fixed>
           <MenuButton>
             <Icon as={More} />
           </MenuButton>
           <MenuList
             p={3}
             bg={bg}
+            minW={32}
             width="unset"
             color={color}
+            boxShadow="2xl"
             textAlign="left"
             fontFamily="mono"
             fontWeight="normal"
diff --git a/hyperglass/ui/components/output/table.tsx b/hyperglass/ui/components/output/table.tsx
index 68af8aa..907b41b 100644
--- a/hyperglass/ui/components/output/table.tsx
+++ b/hyperglass/ui/components/output/table.tsx
@@ -31,7 +31,7 @@ export const BGPTable = (props: TBGPTable) => {
   const columns = makeColumns(parsed_data_fields);
 
   return (
-    <Flex my={8} justify="center" maxW={['100%', '100%', '100%', '100%']} w="100%" {...rest}>
+    <Flex my={8} justify="center" maxW="100%" w="100%" {...rest}>
       <Table
         columns={columns}
         data={data.routes}