Resolve feedback from review.

server/routes.json

@@ -3,13 +3,13 @@
         "pattern": "/",
         "view": "splash"
     },
-    {
-        "pattern": "/styleguide",
-        "view": "styleguide"
-    },
     {
         "pattern": "/about",
         "view": "about",
         "title": "About"
+    },
+    {
+        "pattern": "/components",
+        "view": "components"
     }
 ]

src/components/box/box.jsx

@@ -10,8 +10,8 @@ module.exports = React.createClass({
     },
     render: function () {
         return (
-            <div className="box">
+            <div className={"box " + this.props.className}>
-                <div className="header">
+                <div className="box-header">
                     <h4>{this.props.title}</h4>
                     <p>
                         <a href={this.props.moreUrl}>
@@ -20,7 +20,7 @@ module.exports = React.createClass({
                     </p>
                 </div>
 
-                <div className="content">
+                <div className="box-content">
                     {this.props.children}
                 </div>
             </div>

src/components/box/box.scss

@@ -6,7 +6,7 @@
     border-radius: 10px 10px 0 0;
     box-shadow: 0 2px 3px rgba(34, 25, 25, 0.3);
 
-    .header {
+    .box-header {
         display: block;
         margin: 0;
         height: 20px;
@@ -36,7 +36,7 @@
         }
     }
 
-    .content {
+    .box-content {
         display: block;
         padding: 8px 20px;
         clear: both;

src/components/news/news.jsx

@@ -15,8 +15,13 @@ module.exports = React.createClass({
     },
     render: function () {
         return (
-            <Box title="Scratch News" more="View All" moreUrl="/news">
+            <Box 
-                <ul className="news">
+                className="news" 
+                title="Scratch News" 
+                more="View All" 
+                moreUrl="/news">
+                
+                <ul>
                     {this.props.items.map(function (item) {
                         return (
                             <li key={item.id}>

src/components/news/news.scss

@@ -1,9 +1,11 @@
 .news {
-    display: block;
+    ul {
-    margin: 0;
+        display: block;
-    padding: 0;
+        margin: 0;
+        padding: 0;
 
-    list-style: none;
+        list-style: none;
+    }
 
     li {
         display: block;

src/views/components/components.jsx

@@ -2,7 +2,7 @@ var React = require('react');
 
 var Box = require('../../components/box/box.jsx');
 
-require('./styleguide.scss');
+require('./components.scss');
 
 var View = React.createClass({
     render: function () {