Moving style into css

web/react/components/admin_console/logs.jsx

@@ -69,16 +69,6 @@ export default class Logs extends React.Component {
             }
         }
 
-        var divStyle = {
-            overflow: 'scroll',
-            width: '100%',
-            height: '800px',
-            border: '1px solid #ddd',
-            marginTop: '10px',
-            padding: '5px',
-            backgroundColor: 'white'
-        };
-
         return (
             <div className='panel'>
                 <h3>{'Server Logs'}</h3>
@@ -89,7 +79,7 @@ export default class Logs extends React.Component {
                 >
                     {'Reload'}
                 </button>
-                <div style={divStyle}>
+                <div className='log__panel'>
                     {content}
                 </div>
             </div>

web/sass-files/sass/partials/_admin-console.scss

@@ -73,6 +73,16 @@
     }
 }
 
+.log__panel {
+    overflow: scroll;
+    width: 100%;
+    height: 800px;
+    border: 1px solid #ddd;
+    margin-top: 10px;
+    padding: 5px;
+    background-color: white;
+}
+
 .app__content {
     &.admin {
         overflow: auto;