Fix the institution edit form

Álvaro Fernando Matos de Souza
1 parent 1e1361d1
Showing 2 changed files with 50 additions and 21 deletions Show diff stats
src/noosfero-spb/gov_user/views/gov_user_plugin_myprofile/edit_institution.html.erb
src/noosfero-spb/noosfero-spb-theme/css/administration-panel.css
@@ -41,10 +41,21 @@
       </div>
       <div class="spb-row">
-        <div class="spb-col spb-col-4">
+        <div class="spb-col spb-col-7">
           <%= required labelled_form_field(_('Corporate Name'), text_field_tag('community[name]', @institution.community.name)) %>
         </div>
-        <div class="spb-col spb-col-5">
+        <span class='optional-field'>
+          <div class="spb-col spb-col-5">
+            <%= hidden_field_tag "acronym_translate", _("Acronym") %>
+            <%= hidden_field_tag "fantasy_name_translate", _("Fantasy name") %>
+            <%= inst.label("acronym" ,_("Acronym"), :class=>"formlabel") %>
+            <%= inst.text_field(:acronym, :value => @institution.acronym) %>
+          </div>
+        </div>
+      </div>
+
+      <div class="spb-row">
+        <div class="spb-col spb-col-12">
           <%= labelled_form_field(_('Fantasy name'), inst.text_field(:corporate_name, :value => @institution.corporate_name)) %>
         </div>
       </div>
@@ -63,21 +74,16 @@
         </div>
       </div>
-      <span class='optional-field'>
-        <div class="formfield type-text">
-          <%= inst.label("cnpj" ,_("CNPJ"), :class=>"formlabel") %>
-          <%= required inst.text_field(:cnpj, :placeholder=>"99.999.999/9999-99", :class=>"intitution_cnpj_field", :value => @institution.cnpj) %>
-        </div>
-      </span>
-
-      <span class='optional-field'>
-        <div class="formfield type-text">
-          <%= hidden_field_tag "acronym_translate", _("Acronym") %>
-          <%= hidden_field_tag "fantasy_name_translate", _("Fantasy name") %>
-          <%= inst.label("acronym" ,_("Acronym"), :class=>"formlabel") %>
-          <%= inst.text_field(:acronym, :value => @institution.acronym) %>
+      <div class="spb-row">
+        <div class="spb-col spb-col-12">
+          <span class='optional-field'>
+            <div class="formfield type-text">
+              <%= inst.label("cnpj" ,_("CNPJ"), :class=>"formlabel") %>
+              <%= required inst.text_field(:cnpj, :placeholder=>"99.999.999/9999-99", :class=>"intitution_cnpj_field", :value => @institution.cnpj) %>
+            </div>
+          </span>
         </div>
-      </span>
+      </div>
       <div class="spb-row public-institutions-fields">
         <div class="spb-col spb-col-6">
@@ -346,9 +346,14 @@
   margin-bottom: 10px;
 }
+.action-gov_user_plugin_myprofile-edit_institution #content .main-content .formfieldline {
+  margin-top: 0;
+  padding: 0;
+}
+
 .action-gov_user_plugin_myprofile-edit_institution #community_name {
   color: black;
-  width: 220px
+  width: 402px;
 }
 .action-gov_user_plugin-create_institution_admin #community_name {
@@ -356,16 +361,20 @@
 }
 .action-gov_user_plugin_myprofile-edit_institution #institutions_corporate_name {
-  width: 287px;
+  width: 537px;
   color: black;
 }
-.action-gov_user_plugin_myprofile-edit_institution #institutions_cnpj,
 .action-gov_user_plugin-create_institution_admin #institutions_cnpj,
 .action-gov_user_plugin-create_institution_admin #institutions_corporate_name {
   width: 508px;
 }
+.action-gov_user_plugin_myprofile-edit_institution #institutions_cnpj {
+  width: 537px;
+  color: black;
+}
+
 .action-gov_user_plugin_myprofile-edit_institution #community_country {
   width: 232px;
   color: black;
@@ -385,7 +394,7 @@
 }
 .action-gov_user_plugin_myprofile-edit_institution #community_city {
-  width: 165px;
+  width: 171px;
   color: black;
 }
@@ -409,7 +418,20 @@
   margin-top: 15px;
 }
-.action-gov_user_plugin_myprofile-edit_institution #content form input.button.with-text,
+.action-gov_user_plugin_myprofile-edit_institution #content .main-content input.button.with-text.icon-save.submit {
+  background: #3E67B1 none;
+  color: #fff;
+  border-radius: 4px;
+  border: 1px solid #3E67B1;
+  font-size: 14px;
+  font-family: "open_sansregular", Arial;
+  line-height: 17px;
+  max-height: 32px;
+  height: 32px;
+  padding: 5px 15px;
+  margin-right: 5px;
+}
+
 .action-gov_user_plugin-create_institution_admin #content form input.button.with-text {
   background-color: #3E67B1;
   color: #fff;
@@ -697,6 +719,7 @@
 #noosfero_profile-content #content .main-content #profile-data #institutions_siorg_code,
 .action-profile_editor-edit #content .main-content #profile-data #institutions_siorg_code,
 .action-gov_user_plugin-create_institution_admin #content .main-content #institutions_siorg_code,
+.action-gov_user_plugin_myprofile-edit_institution #content .main-content #institutions_siorg_code,
 .action-organization_ratings_plugin_profile-new_rating #content .main-content #institutions_siorg_code {
   width: 189px;
 }