fixed layout issues

joshbtn · Oct 15, 2012 · e6f9f99 · e6f9f99
1 parent 6978634
commit e6f9f99
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 17 deletions.
diff --git a/css/screen.css b/css/screen.css
@@ -1,8 +1,9 @@
-html, body{font-size:100%; font-family:font-family: 'Open Sans', sans-serif;}
+html, body{ font-family:font-family: 'Open Sans', sans-serif;}
 
 footer{display:none;}
 
 /*-----------FORMULA STYLES------------*/
+.formula{font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;}
 .function{
 	color:#069;
 }

diff --git a/index.html b/index.html
@@ -19,22 +19,30 @@
 <body>
 
     <!-- Main Content -->
-	<div id="container" class="container-fluid">
-		<header class="row">
-			<div class="span12">
-				<h1>Excel Formula Beautifier</h1>
-			</div>
-		</header>
-
-		<div id="main" role="main" class="row-fluid">
+    <header class="container">
+    	<div class="row">
+			<h1 class="span12">Excel Formula Beautifier</h1>
+		</div>
+	</header>
+
+	<div id="container" class="container">
+		<div class="row">
             <div class="span8">
 	            <p class="hide description">This is a JavaScript and html5 based excel formula beautifier. It can also convert an excel formula to JavaScript (or C#). It has been built using <a href="https://github.com/joshatjben/excelFormulaUtilitiesJS" target="_blank">Excel Formula Utilities JS</a></p>
-				<div id="inputArea" class="">
-					<label for="formula_input">Enter your formula here. The leading = is optional.</label>
-					<input type="text" id="formula_input" onkeyup="window.excelFormulaBeautifier.examples.beautifier.update()" />
+				<div id="inputArea" class="row">
+					<div class="span8">
+						<div class="row">
+							<label for="formula_input" class="span8">Enter your formula here. The leading = is optional.</label>
+						</div>
+						<div class="row">
+							<div class="span8">
+								<input type="text" id="formula_input" class="input-xxlarge" onkeyup="window.excelFormulaBeautifier.examples.beautifier.update()" />
+							</div>
+						</div>
+					</div>
 				</div>
 				<div class="formula">
-					<code id="fomatFormula_2_out"></code>
+					<div id="fomatFormula_2_out" clas=""></div>
 				</div>
 			</div>
 
@@ -56,12 +64,11 @@ <h1>Excel Formula Beautifier</h1>
 		    </div>
 		</div>
 
-		<footer>
-			&copy; copyright 2011 <a href="http://joshbennett.me">Josh Bennett</a>
-		</footer>
 	</div>
 
-    <!-- Side Content -->
+    <footer>
+		&copy; copyright 2011 <a href="http://joshbennett.me">Josh Bennett</a>
+	</footer>
 
 
 	<script>//<![CDATA[