Import styles directly into component

ui/src/clockface/components/index_views/IndexList.scss

@@ -3,6 +3,8 @@
   ------------------------------------------------------------------------------
 */
 
+@import 'src/style/modules';
+
 .index-list {
   border: 0;
   border-collapse: collapse;

ui/src/clockface/components/index_views/IndexList.tsx

@@ -11,6 +11,9 @@ import Cell from 'src/clockface/components/index_views/IndexListRowCell'
 // Decorators
 import {ErrorHandling} from 'src/shared/decorators/errors'
 
+// Styles
+import './IndexList.scss'
+
 interface Props {
   children: JSX.Element[]
 }

ui/src/clockface/components/index_views/IndexListHeaderCell.tsx

@@ -3,7 +3,7 @@ import React, {Component} from 'react'
 import classnames from 'classnames'
 
 // Types
-import {Alignment} from 'src/clockface'
+import {Alignment} from 'src/clockface/types'
 
 // Decorators
 import {ErrorHandling} from 'src/shared/decorators/errors'

ui/src/clockface/components/index_views/IndexListRowCell.tsx

@@ -3,7 +3,7 @@ import React, {Component} from 'react'
 import classnames from 'classnames'
 
 // Types
-import {Alignment} from 'src/clockface'
+import {Alignment} from 'src/clockface/types'
 
 // Decorators
 import {ErrorHandling} from 'src/shared/decorators/errors'

ui/src/style/chronograf.scss

@@ -16,7 +16,6 @@
 // Components
 // TODO: Import these styles into their respective components instead of this stylesheet
 @import "src/shared/components/color_dropdown/color-dropdown";
-@import "src/shared/components/index_views/IndexList";
 @import "src/shared/components/dropdown_auto_refresh/AutoRefreshDropdown";
 @import "src/shared/components/profile_page/ProfilePage";
 @import "src/shared/components/avatar/Avatar";