@@ -1,4 +1,10 @@

 .conversation.clear.border

+  .history-settings

+    %a.left{href: '#'} Load history

+

+    %input.right{ type: 'checkbox', name: 'enable-history', value: '1', id: 'ihistory' }

+    %label.right{ for: 'ihistory' } Disable history

+    %span.right.current History recording is enabled.

   .messages#height-setter-2

     -for view in @history

       #{view}

@@ -501,6 +501,33 @@

   width: 730px;

   position: relative;

+  .history-settings {

+    border-bottom: 1px solid $gray-light;

+    overflow: auto;

+    margin: 0 -9px;

+    padding: 0 9px;

+

+    .load-history {

+

+    }

+

+    .current {

+

+    }

+

+    label {

+      margin: 0;

+      padding: 0;

+    }

+

+    input {

+      width: auto;

+      height: auto;

+      margin: 0;

+      padding: 0;

+    }

+  }

+

   .event {

     color: $status-color;

     font-weight: bold;