[Libcloud-list] [PATCH server] Style updates for form validation

[Jeremy Perry]

Signed-off-by: Jeremy Perry 
---
 src/app/views/provider/new.html.erb |    4 +--
 src/public/stylesheets/dcloud.css   |   46 ++++++++++++++++++++++++----------
 2 files changed, 33 insertions(+), 17 deletions(-)

diff --git a/src/app/views/provider/new.html.erb b/src/app/views/provider/new.html.erb
index f73c15c..ba60da8 100644
--- a/src/app/views/provider/new.html.erb
+++ b/src/app/views/provider/new.html.erb
@@ -1,8 +1,7 @@
-<div id="provider_form">
+<div class="dcloud_form">
   <%= error_messages_for 'provider' %>

<h2>Add a cloud provider</h2><br />
-  <fieldset>
   <% form_for :provider do |f| %>
     <ul>
     <li><label>Name<span>Provide a descriptive name for this provider connection.</span></label><%= f.text_field :name, :class => "txtfield" %></li>
@@ -11,5 +10,4 @@
     </ul>
     <%= submit_tag "Save", :class => "submit" %>
     <% end %>
-  </fieldset>
 </div>
\ No newline at end of file
diff --git a/src/public/stylesheets/dcloud.css b/src/public/stylesheets/dcloud.css
index 8ccf511..b7c06cd 100644
--- a/src/public/stylesheets/dcloud.css
+++ b/src/public/stylesheets/dcloud.css
@@ -1,7 +1,8 @@
-fieldset {
+form {
    border: none;
    margin: 0;
    padding: 0;
+	display: inline-block;
 }

input, select {
@@ -9,7 +10,28 @@ input, select {
    font-size: 1.4em;
 }

-#provider_form {
+.fieldWithErrors {
+	display:inline-block;
+	padding: 3px;
+	background: #fff7b2;
+	border: 3px solid #fff7b2;
+}
+
+.errorExplanation {
+	margin: 0 0 24px 0;
+	padding: 9px;
+	background: #fff7b2;
+	color: #867a5e;
+	-moz-border-radius: 3px;
+}
+
+#errorExplanation h2 {
+	font-size: 14px;
+	font-weight: bold;
+	color: #867a5e;
+}
+
+.dcloud_form {
     background: #e8e8e8;
     border: solid 8px #f5f5f5;
     -moz-border-radius: 10px;
@@ -21,7 +43,7 @@ input, select {
    padding: 36px;
 }

-#provider_form h2{
+.dcloud_form h2 {
    font-size: 1.9em;
    font-weight: normal;
    color: #43728e;
@@ -29,7 +51,7 @@ input, select {
    padding: 0;
 }

-#provider_form ul {
+.dcloud_form ul {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
@@ -37,7 +59,7 @@ input, select {
    padding: 0;
 }

-#provider_form ul label {
+.dcloud_form ul label {
    display: block;
    float: left;
    padding: 3px 0 24px 0;
@@ -46,7 +68,7 @@ input, select {
    color: #616161;
 }

-#provider_form ul label span {
+.dcloud_form ul label span {
    display: block;
    float: left;
    width: 160px;
@@ -54,27 +76,23 @@ input, select {
    color: #9a9a9a;
 }

-
-#provider_form ul li {
+.dcloud_form ul li {
    clear:both;
-/* 	margin-bottom: 18px; */
 }

-#provider_form .txtfield {
+.dcloud_form .txtfield {
    border:2px solid #becfe4;
    color:#333;
    display:block;
    float:left;
-/* 	margin:5px 0 7px; */
    outline-color:-moz-use-text-color;
    outline-style:none;
    outline-width:medium;
    padding:3px;
-	width:330px;
+	width:318px;
 }

-
-#provider_form .submit {
+.dcloud_form .submit {
     float: right;
     margin-top: 18px;
     display: inline;