Merge pull request #308 from ashmaroli/interface-update

Interface update

Author: mertkahyaoglu

package.json

@@ -31,7 +31,7 @@
     "lodash": "4.13.1",
     "moment": "2.17.1",
     "react": "15.4.1",
-    "react-ace": "4.1.0",
+    "react-ace": "4.1.5",
     "react-dom": "15.4.1",
     "react-dropzone": "3.10.0",
     "react-notification-system": "0.2.7",

src/components/Editor.js

@@ -34,6 +34,7 @@ class Editor extends Component {
         highlightActiveLine={false}
         className="config-editor"
         fontSize={14}
+        scrollMargin={[15, 15, 15, 15]}
         ref="ace"
         onChange={() => this.handleChange()}
       />

src/containers/views/DataFiles.js

@@ -51,7 +51,10 @@ export class DataFiles extends Component {
         <tr key={file.slug}>
           <td className="row-title">
             <strong>
-              <Link to={to}>{filename}</Link>
+              <Link to={to}>
+                <i className="fa fa-file-code-o" aria-hidden="true" />
+                {filename}
+              </Link>
             </strong>
           </td>
           <td>

src/containers/views/Documents.js

@@ -72,7 +72,10 @@ export class Documents extends Component {
       <tr key={id}>
         <td className="row-title">
           <strong>
-            <Link to={to}>{title || name}</Link>
+            <Link to={to}>
+              <i className="fa fa-file-text-o" aria-hidden="true" />
+              {title || name}
+            </Link>
           </strong>
         </td>
         <td>{date}</td>
@@ -112,7 +115,8 @@ export class Documents extends Component {
         <td className="row-title">
           <strong>
             <Link to={to}><i className="fa fa-folder" aria-hidden="true" />
-            {name}</Link>
+              {name}
+            </Link>
           </strong>
         </td>
         <td>{date}</td>

src/containers/views/Pages.js

@@ -59,7 +59,10 @@ export class Pages extends Component {
       <tr key={name}>
         <td className="row-title">
           <strong>
-            <Link to={to}>{name}</Link>
+            <Link to={to}>
+              <i className="fa fa-file-text-o" aria-hidden="true" />
+              {name}
+            </Link>
           </strong>
         </td>
         <td>

src/styles/main.scss

@@ -1,14 +1,14 @@
-@import 'vendors/font-awesome/font-awesome';
-@import 'vendors/codemirror';
-@import 'normalize';
-@import 'variables';
-@import 'mixins';
-@import 'sidebar';
-@import 'header';
-@import 'content';
-@import 'form';
-@import 'metafields';
-@import 'breadcrumbs';
+@import "vendors/font-awesome/font-awesome";
+@import "vendors/codemirror";
+@import "normalize";
+@import "variables";
+@import "mixins";
+@import "sidebar";
+@import "header";
+@import "content";
+@import "form";
+@import "metafields";
+@import "breadcrumbs";
 @import "editor";
 @import "button";
 @import "staticfiles";