Fix wrapping API groups in Resource Dropdown

Author: nicolethoen

frontend/public/components/_resource-dropdown.scss

@@ -9,5 +9,11 @@
     a {
       padding: 4px 20px 4px 6px;
     }
+    .truncate {
+      display: block;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+    }
   }
 }

frontend/public/components/resource-dropdown.tsx

@@ -46,7 +46,7 @@ const DropdownItem: React.SFC<DropdownItemProps> = ({model, showGroup}) => <Reac
     </span>
     <span className="co-resource-link__resource-name">
       {model.kind}
-      {showGroup && <React.Fragment>&nbsp;<small className="text-muted">&ndash; {model.apiGroup || 'core'}/{model.apiVersion}</small></React.Fragment>}
+      {showGroup && <React.Fragment>&nbsp;&ndash;<small className="text-muted truncate">{model.apiGroup || 'core'}/{model.apiVersion}</small></React.Fragment>}
     </span>
   </span>
 </React.Fragment>;