ScheduleBadge looks ok enough

- enough wiggle room for future design work
- also it needs to be abstracted from ScheduleBadge into another
component
- 🤷

schedules_web/src/components/CourseSectionCard.tsx

@@ -17,7 +17,7 @@ const CourseSectionCard = ({
     courseSectionActionButtonText,
     destructive,
 }: CourseSectionCardProps) => (
-    <Row className="justify-content-center">
+    <Row className="justify-content-center my-3">
         <Col md="9">
             <Card>
                 <CardBody>

schedules_web/src/components/ScheduleBadge.tsx

@@ -39,14 +39,25 @@ class ScheduleBadge extends React.Component<ScheduleBadgeProps, State> {
                         id="cart"
                     />
                 </Row>
+
                 <Collapse isOpen={this.state.collapse}>
                     <Card>
-                        <CardTitle className="mt-3">
-                            <Row className="justify-content-center">
-                                <Button size="sm" outline color="danger" onClick={this.toggle}>
+                        <CardBody>
+                            <Row className="my-3">
+                                <h1 className="px-5">Your Schedule</h1>
+
+                                <Button className="ml-auto px-5" outline color="danger" onClick={this.toggle}>
                                     Close
                                 </Button>
-                                <h1 className="px-3">Your Schedule</h1>
+                            </Row>
+
+                            <CourseSectionList
+                                courseSections={schedule}
+                                courseSectionAction={removeCourseSection}
+                                courseSectionActionButtonText="Remove from schedule"
+                                destructive
+                            />
+                            <Row className="justify-content-center">
                                 <Button
                                     size="sm"
                                     outline
@@ -56,15 +67,6 @@ class ScheduleBadge extends React.Component<ScheduleBadgeProps, State> {
                                     Generate
                                 </Button>
                             </Row>
-                        </CardTitle>
-                        <legend />
-                        <CardBody>
-                            <CourseSectionList
-                                courseSections={schedule}
-                                courseSectionAction={removeCourseSection}
-                                courseSectionActionButtonText="Remove from schedule"
-                                destructive
-                            />
                         </CardBody>
                     </Card>
                 </Collapse>

schedules_web/webpack.config.js

@@ -26,8 +26,7 @@ module.exports = {
     },
 
     module: {
-        rules: [
-            {
+        rules: [{
                 test: /\.tsx?$/,
                 loader: 'awesome-typescript-loader',
                 exclude: /node_modules/,
@@ -39,8 +38,7 @@ module.exports = {
             },
             {
                 test: /\.css$/,
-                use: [
-                    {
+                use: [{
                         loader: 'style-loader',
                     },
                     {
@@ -48,26 +46,6 @@ module.exports = {
                     },
                 ],
             },
-            {
-                test: /\.woff(\?.+)?$/,
-                use: 'url-loader?limit=10000&mimetype=application/font-woff',
-            },
-            {
-                test: /\.woff2(\?.+)?$/,
-                use: 'url-loader?limit=10000&mimetype=application/font-woff',
-            },
-            {
-                test: /\.ttf(\?.+)?$/,
-                use: 'file-loader',
-            },
-            {
-                test: /\.eot(\?.+)?$/,
-                use: 'file-loader',
-            },
-            {
-                test: /\.svg(\?.+)?$/,
-                use: 'file-loader',
-            },
             {
                 test: /\.(js)$/,
                 exclude: /(node_modules)/,