Font weight and fie H2 top-margin

src/components/message/Message.vue

@@ -84,8 +84,8 @@ export default Vue.extend({
 
 .msg {
   font-family: $monospace;
-  font-weight: bold;
-  font-size: 14px;
+  font-weight: 400;
+  font-size: 13px;
   border: 1px solid #ddd;
   border-radius: 4px;
   margin-bottom: 20px;
@@ -93,7 +93,7 @@ export default Vue.extend({
 }
 .msg-timestamp {
   color: #e8a1a1;
-  font-size: 12px;
+  font-size: 11px;
 }
 
 .send-request,

src/components/message/MessageDetail.vue

@@ -34,7 +34,8 @@ export default Vue.extend({
   border: 1px solid #eee;
   max-width: 700px;
   padding: 20px;
-  font-size: 14px;
+  font-size: 13px;
+  font-family: $monospace;
   text-align: left;
 
   b a {
@@ -57,7 +58,6 @@ pre {
 code {
   white-space: pre-wrap;
   font-family: $monospace;
-  font-size: 14px;
   border-radius: 2px;
   padding: 0.2rem 0.3rem;
 }

src/components/sidebar/Logs.vue

@@ -39,6 +39,7 @@ export default Vue.extend({
 
 h2 {
   margin-top: 0;
+  font-size: 1.5rem;
 }
 
 .logs {

src/components/sidebar/SearchBy.vue

@@ -41,9 +41,14 @@ export default Vue.extend({
 })
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 @import '@/scss/global.scss';
 
+h2 {
+  margin-top: 1.5rem;
+  font-size: 1.5rem;
+}
+
 .search-box {
   margin-bottom: 24px;
   display: block;

src/components/sidebar/filter/FilterByCategory.vue

@@ -24,3 +24,10 @@ export default Vue.extend({
   }
 })
 </script>
+
+<style lang="scss" scoped>
+h2 {
+  margin-top: 1.5rem;
+  font-size: 1.5rem;
+}
+</style>

src/components/sidebar/filter/FilterByKind.vue

@@ -24,4 +24,11 @@ export default Vue.extend({
     KindFilter
   }
 })
-</script>
+</script>
+
+<style lang="scss" scoped>
+h2 {
+  margin-top: 1.5rem;
+  font-size: 1.5rem;
+}
+</style>

src/scss/global.scss

@@ -3,9 +3,9 @@
  */
 
 @import url('https://fonts.googleapis.com/css?family=Open+Sans');
-@import url('https://fonts.googleapis.com/css?family=Inconsolata');
+@import url('https://fonts.googleapis.com/css?family=Roboto+Mono');
 
-$monospace: 'Inconsolata', 'Source Code Pro', 'Input Mono', Menlo, Monaco, 'Courier New', monospace;
+$monospace: 'Roboto Mono', 'Source Code Pro', 'Input Mono', Menlo, Monaco, 'Courier New', monospace;
 
 /**
  * Var