From 904c9315fcab99a3cd368c8613b099defdbe9020 Mon Sep 17 00:00:00 2001
From: Simon Grim <scary@tasty.sexy>
Date: Tue, 16 Feb 2016 18:47:22 +0500
Subject: [PATCH] add multiline for 'describe youself' in profile-edit; to fix
 #277 finally

---
 css/profile.css            | 12 ++++++++----
 profile-edit.html          |  2 +-
 theme_calm/css/profile.css | 18 +++++++++++-------
 theme_nin/css/style.css    |  4 +++-
 4 files changed, 23 insertions(+), 13 deletions(-)

diff --git a/css/profile.css b/css/profile.css
index 667b614..e28cfea 100644
--- a/css/profile.css
+++ b/css/profile.css
@@ -101,8 +101,8 @@
 {
     margin-bottom: 8px;
 }
-.forEdition .profile-card-main input
-{
+
+.forEdition .profile-card-main input, .forEdition .profile-card-main textarea {
     display: block;
     margin: 0 auto;
     background: rgba( 0, 0, 0, .1 );
@@ -113,16 +113,20 @@
     text-align: center;
     transition: all .2s linear;
 }
+
 .forEdition .profile-card-main input:hover,
 .forEdition .profile-card-main input:focus,
+.forEdition .profile-card-main textarea:hover, .forEdition .profile-card-main textarea:focus,
 .forEdition .profile-card-photo:hover
 {
     background: rgba( 0, 0, 0, .3 );
 }
-.input-description
-{
+
+.input-description {
     width: 90%;
+    max-width: 90%;
 }
+
 .input-name
 {
     font-size: 20px;
diff --git a/profile-edit.html b/profile-edit.html
index 3f87b1f..f010013 100644
--- a/profile-edit.html
+++ b/profile-edit.html
@@ -66,7 +66,7 @@
         <img class="profile-card-photo forEdition" src="img/genericPerson.png"/>
         <input type="text" class="input-name" placeholder="Full name here"/>
         <h2></h2>
-        <input type="text" class="input-description" placeholder="Describe yourself"/>
+        <textarea class="input-description" placeholder="Describe yourself"></textarea>
         <input type="text" class="input-city" placeholder="Location"/>
         <input type="text" class="input-website" placeholder="website"/>
         <input type="text" class="input-tox" placeholder="Tox address"/>
diff --git a/theme_calm/css/profile.css b/theme_calm/css/profile.css
index 2367547..2f9c60c 100644
--- a/theme_calm/css/profile.css
+++ b/theme_calm/css/profile.css
@@ -104,8 +104,8 @@
 {
     margin-bottom: 8px;
 }
-.forEdition .profile-card-main input
-{
+
+.forEdition .profile-card-main input, .forEdition .profile-card-main textarea {
     display: block;
     margin: 0 auto;
     background: rgba( 255, 255, 255, .8 );
@@ -115,14 +115,16 @@
     text-align: center;
     transition: all .2s linear;
 }
-.forEdition .profile-card-main input:hover
-{
+
+.forEdition .profile-card-main input:hover, .forEdition .profile-card-main textarea:hover {
     background: rgba( 255, 255, 255, .7 );
 }
+
 .forEdition .profile-card-photo:hover{
     background: #9096a5;
 }
-.forEdition .profile-card-main input:focus{
+
+.forEdition .profile-card-main input:focus, .forEdition .profile-card-main textarea:focus {
     background: #fff;
     color: #4d4d4d;
 }
@@ -158,11 +160,13 @@
     top: 30px;
     right: 20px;
 }
-.profile-card-main input.input-description
-{
+
+.profile-card-main .input-description {
     width: 90%;
+    max-width: 90%;
     margin-top: 100px;
 }
+
 .input-name
 {
     font-size: 20px;
diff --git a/theme_nin/css/style.css b/theme_nin/css/style.css
index 8ba0d16..8ba4ce7 100644
--- a/theme_nin/css/style.css
+++ b/theme_nin/css/style.css
@@ -665,7 +665,7 @@ samp {
   background: #f3f2f1;
 }
 /* line 233, ../sass/_profile.sass */
-.forEdition.profile-card .profile-card-main input {
+.forEdition.profile-card .profile-card-main input, .forEdition .profile-card-main textarea {
   display: block;
   margin: 5px auto;
   background: white;
@@ -676,6 +676,7 @@ samp {
   transition: all 0.2s linear;
 }
 /* line 242, ../sass/_profile.sass */
+.forEdition .profile-card-main textarea:hover, .forEdition .profile-card-main textarea:focus,
 .forEdition.profile-card .profile-card-main input:hover, .forEdition.profile-card .profile-card-main input:focus {
   background: white;
   border-color: #aaa;
@@ -684,6 +685,7 @@ samp {
 /* line 246, ../sass/_profile.sass */
 .input-description {
   width: 90%;
+    max-width: 90%;
 }
 
 /* line 249, ../sass/_profile.sass */