completed main form style changes

weld · Jun 17, 2010 · 46e0edf · 46e0edf
1 parent e5b99b2
commit 46e0edf
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 13 deletions.
diff --git a/jsf/pastecode/src/main/webapp/home.xhtml b/jsf/pastecode/src/main/webapp/home.xhtml
@@ -25,22 +25,24 @@
 			  </h:selectOneMenu>
 			</div>
 
-      <div class="formRow">
-			  <h:outputLabel for="user" value="Name / title"/>   		
-			  <h:inputText id="user" maxlength="30" size="30" value="#{pasteWindow.codeFragment.user}"/>
-			</div>
-
       <div class="formRow">
   	    <h:outputLabel for="secured" value="Exposure"/>
   	    <h:selectOneMenu id="exposure" value="#{pasteWindow.privateFragment}">
   	      <f:selectItem itemValue="#{true}" itemLabel="Private"/>
   	      <f:selectItem itemValue="#{false}" itemLabel="Public"/>
   	    </h:selectOneMenu>
 	    </div>
+
+      <div class="formRow">
+			  <h:outputLabel for="user" value="Name / title"/>   		
+			  <h:inputText id="user" maxlength="30" size="30" value="#{pasteWindow.codeFragment.user}"/>
+			</div>
 
 	   	<div class="formButtons">
-	   		<h:commandButton action="#{pasteWindow.send}" id="send" value="      Send      "/>
+	   		<h:commandButton action="#{pasteWindow.send}" id="send" image="img/submit.png"/>
 	   	</div>
+
+	   	<br style="clear:both"/>
 
    	</ui:define>
 

diff --git a/jsf/pastecode/src/main/webapp/img/submit.png b/jsf/pastecode/src/main/webapp/img/submit.png
diff --git a/jsf/pastecode/src/main/webapp/style/style.css b/jsf/pastecode/src/main/webapp/style/style.css
@@ -75,6 +75,7 @@ div#topseparator {
 div#main {
   clear: both;
   padding: 2px;
+  margin-left: 4px;
 }
 
 div#content {
@@ -97,17 +98,17 @@ div.contentHeader {
   margin: 8px 4px 8px 4px;
 }
 
+/* General form styles */
+
 .pastecode {
   width: 98%;
   height: 260px;
   margin-left: 4px;
-  background-color: #fcfcfc;
+  background-color: #fafafc;
+	border: 1px solid #cccccc;
 	overflow: auto;
-	border: 1px solid #7f7f7f;   
 }
 
-/* General form styles */
-
 div.formRow {
   padding: 3px 4px 3px 2px;  
   clear: both;
@@ -120,11 +121,17 @@ div.formRow label {
 }
 
 div.formRow input[type='text'] {
-  width: 220px;
+  width: 210px;
+  background-color: #fafafc;
+	border: 1px solid #cccccc;  
+	padding: 4px;
 }
 
-div.formRow input[type='text'].wide {
-  width: 440px;
+div.formRow select {
+  width: 220px;
+  background-color: #fafafc;
+	border: 1px solid #cccccc;  
+	padding: 4px;	
 }
 
 div.formButtons {