Style text areas

tekmaven · May 1, 2012 · 40f6eea · 40f6eea
1 parent bdd73c5
commit 40f6eea
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/SqlTools/Content/Site.css b/SqlTools/Content/Site.css
@@ -459,6 +459,12 @@ ul#social li {
         background: url("../Images/twitter.png") no-repeat;
     }
 
+.codeBox {
+    font-family: Consolas, 'Lucida Console', 'Courier New', monospace;
+    width:  100%;
+    height:  400px;
+}
+
 
 /********************
 *   Mobile Styles   *

diff --git a/SqlTools/Views/Home/Index.cshtml b/SqlTools/Views/Home/Index.cshtml
@@ -18,11 +18,11 @@
 <section class="features">
     <section class="feature">
         <h3>Original list:</h3>
-        <textarea style="width:  100%; height:  400px;" data-bind="value: SourceText, valueUpdate: 'afterkeydown'"></textarea>
+        <textarea class="codeBox" data-bind="value: SourceText, valueUpdate: 'afterkeydown'"></textarea>
     </section>
     <section class="feature">
 
         <h3>Result:</h3>
-        <textarea style="width:  100%; height:  400px;" data-bind="value: ProcessedText"></textarea>
+        <textarea class="codeBox" data-bind="value: ProcessedText"></textarea>
     </section>
 </section>