leap: truncate statuses

Fixes urbit/landscape#487

pkg/interface/src/views/components/leap/OmniboxResult.js

@@ -87,25 +87,29 @@ export class OmniboxResult extends Component {
       }
       onClick={navigate}
       width="100%"
+      justifyContent="space-between"
       ref={this.result}
       >
+      <Box display="flex" verticalAlign="middle" maxWidth="60%" flexShrink={0}>
         {graphic}
         <Text
-        display="inline-block"
-        verticalAlign="middle"
         mono={(icon == 'profile' && text.startsWith('~'))}
         color={this.state.hovered || selected === link ? 'white' : 'black'}
-        maxWidth="60%"
-        style={{ flexShrink: 0 }}
         mr='1'
         >
           {text.startsWith("~") ? cite(text) : text}
         </Text>
+        </Box>
         <Text pr='2'
         display="inline-block"
         verticalAlign="middle"
         color={this.state.hovered || selected === link ? 'white' : 'black'}
         width='100%'
+        minWidth={0}
+        textOverflow="ellipsis"
+        whiteSpace="pre"
+        overflow="hidden"
+        maxWidth="40%"
         textAlign='right'
         >
           {subtext}