fixed suss button

Author: hihayk

public/stylesheets/app.css

@@ -99,10 +99,11 @@ h1 span{
 	margin: 0;
 }
 .code-section{
+	position: relative;
 	background-color: #333;
 	float: left;
 	width: 100%;
-	height: 100%;
+	max-height: 100%;
 }
 .notifications{
 	display: none; /* TODO find a place*/
@@ -136,6 +137,7 @@ h1 span{
 .code-container textarea{
 	width: 100%;
 	height: 80%;
+	overflow: hidden;
 	padding: 60px 30px 20px 30px;
 	font-family: inherit;
 	font-size: 14px;
@@ -202,7 +204,7 @@ h1 span{
 .button.scss{
 	border-top-right-radius: 55px;
 	border-top-left-radius: 55px;
-	background-image: url("/images/sass-icon.svg");
+	background-image: url("/images/scss-icon.svg");
 	background-position: center bottom 20px;
 }
 .code-actions .button:hover{

views/index.haml

@@ -21,14 +21,10 @@
         %label{:for => "page_css"}
           CSS (paste your CSS code and convert!)
         %textarea{:id => "page_css", :name => "page[css]"}=h @css || ""
-        
-        
-
       .code-container.right
         %label{:for => "page_sass"}
           Your Syntactically Awesome StyleSheets code
         %textarea{:id => "page_sass", :name => "page[sass]"}=h @output || ""
-
       .code-actions
-        %input.button.scss{:type => "submit", :name => "commit", :value => "Convert 2 SCSS"}
-        %input.button.sass{:type => "submit", :name => "commit", :value => "Convert 2 SASS"}
+        %input.button.sass{:type => "submit", :name => "commit", :value => "Convert 2 SASS"}
+        %input.button.scss{:type => "submit", :name => "commit", :value => "Convert 2 SCSS"}