From 1da6c0bd20838e6085b5479089ee05326ea002a6 Mon Sep 17 00:00:00 2001
From: Petko Bordjukov <bordjukov@gmail.com>
Date: Sat, 15 Aug 2015 01:02:16 +0300
Subject: [PATCH] OpenFest: Tweak the personal profile view

---
 config/locales/simple_form.bg.yml                | 16 ++++++++--------
 .../app/assets/stylesheets/open_fest/_forms.scss |  7 ++-----
 .../views/open_fest/personal_profiles/_form.slim |  9 +++++----
 3 files changed, 15 insertions(+), 17 deletions(-)

diff --git a/config/locales/simple_form.bg.yml b/config/locales/simple_form.bg.yml
index 03cafa6..0290bdb 100644
--- a/config/locales/simple_form.bg.yml
+++ b/config/locales/simple_form.bg.yml
@@ -22,14 +22,14 @@ bg:
         email: e-mail адресът Ви. Ще бъде видим само от организаторите
         password: Парола с дължина между 8 и 128 символа
         password_confirmation: Отново въведената отгоре парола
-        personal_profile:
-          picture: Ваша снимка
-          organisation: Организацията, която представлявате
-          public_email: E-mail адрес, който ще бъде видим за посетителите
-          mobile_phone: Мобилен телефон, който ще бъде видим само за организаторите
-          biography: Опишете се с няколко изречения, говорейки за себе си в трето лице :)
-          github: Потребителското Ви име в Github
-          twitter: Потребителското Ви име в Twitter
+      personal_profile:
+        picture: Ваша снимка
+        organisation: Организацията, която представлявате
+        public_email: E-mail адрес, който ще бъде видим за посетителите
+        mobile_phone: Мобилен телефон, който ще бъде видим само за организаторите
+        biography: Опишете се с няколко изречения, говорейки за себе си в трето лице :)
+        github: Потребителското Ви име в Github
+        twitter: Потребителското Ви име в Twitter
       lecture:
         title: Заглавието на лекцията Ви
         subtitle: Подзаглавието на лекцията Ви (ако има такова)
diff --git a/lib/open_fest/app/assets/stylesheets/open_fest/_forms.scss b/lib/open_fest/app/assets/stylesheets/open_fest/_forms.scss
index 40371f0..f8e21f3 100644
--- a/lib/open_fest/app/assets/stylesheets/open_fest/_forms.scss
+++ b/lib/open_fest/app/assets/stylesheets/open_fest/_forms.scss
@@ -33,11 +33,8 @@
         display: block;
         border: 1px solid #CCC;
         background-color: #F1F1F1;
-
-    }
-
-    img+input.image_preview  {
-        margin-left: 12.7em;
+        margin-left: 12em;
+        margin-bottom: 10px;
     }
 
 }
diff --git a/lib/open_fest/app/views/open_fest/personal_profiles/_form.slim b/lib/open_fest/app/views/open_fest/personal_profiles/_form.slim
index 14d49d3..00ec2e1 100644
--- a/lib/open_fest/app/views/open_fest/personal_profiles/_form.slim
+++ b/lib/open_fest/app/views/open_fest/personal_profiles/_form.slim
@@ -2,17 +2,18 @@
   = f.error_notification
 
   .form-inputs
-    = image_tag(@profile.picture.medium.url) if @profile.picture?
-    = f.input :picture, as: :file, required: true
-    = f.hidden_field :picture_cache
+    .input.file.required.personal_profile_picture
+      = image_tag(@profile.picture.medium.url) if @profile.picture?
+      = f.input :picture, as: :file, required: true, wrapper: false
 
+    = f.hidden_field :picture_cache, class: 'image_preview', wrapper: false
     = f.input :first_name, autofocus: true
     = f.input :last_name
     = f.input :public_email
     = f.input :organisation
     = f.input :github
     = f.input :twitter
-    = f.input :mobile_phone
+    = f.input :mobile_phone, input_html: {value: @profile.mobile_phone.try(:phony_formatted, format: :international)}
     = f.input :biography
 
   .form-actions