Major comment area update - go see for yourself

1 files changed, 30 insertions, 0 deletions

diff --git a/static/css/main.css b/static/css/main.css
index ea7a7a6a..8aafbc16 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -50,6 +50,22 @@ textarea {
     background: transparent;
     border: solid 1px whitesmoke;
     color: white;
+    font-family: 'Courier New', Courier, monospace;
+    white-space: pre-line;
+}
+
+kbd {
+    background-color: #eee;
+    border-radius: 3px;
+    border: 1px solid #b4b4b4;
+    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 2px 0 0 rgba(255, 255, 255, 0.7) inset;
+    color: #333;
+    display: inline-block;
+    font-size: 0.85em;
+    font-weight: 700;
+    line-height: 1;
+    padding: 2px 4px;
+    white-space: nowrap;
 }
 
 /* Full width auto spacing table... ellipsis if text overflows */
@@ -180,6 +196,20 @@ textarea {
     background: none !important;
 }
 
+.comment {
+    width: 630px;
+    margin-bottom: 40px;
+}
+
+.comment .highlight {
+    width: 630px;
+    overflow-x: scroll;
+}
+
+.comment pre {
+    margin: 0px;
+}
+
 #wrap {
     width: 1000px;
     margin: auto;