diff --git a/profile.html b/profile.html index a126ad1fe9..5a753b914f 100644 --- a/profile.html +++ b/profile.html @@ -29,8 +29,9 @@ $(function() { loc=false; - $("#location_sub").html(''+ - ''); + $("#location_sub").html('
'+''+ + ''+'
'); + $("#change_loc_button").click(function() { $("#change_location").show(); @@ -50,8 +51,8 @@ $(function() { if(lang) { lang=false; - $("#language_sub").html(''+ - ''); + $("#language_sub").html('
'+''+ + ''+'
'); $("#change_lang_button").click(function() { $("#change_language").show(); postJSON('/change_setting', {'language':$("#id_lang_text").attr("value")}, function(json) { @@ -140,15 +141,13 @@ $(function() {
  • Forum name: ${username}
  • E-mail: ${email}
  • - Location:
    ${location}
    Change + Location:
    ${location}
    Edit
  • - Language:
    ${language}
    Change + Language:
    ${language}
    Edit
  • - -

    Password change

    We'll e-mail a password reset link to ${email}.

    diff --git a/sass/_profile.scss b/sass/_profile.scss index f696116ab8..3182d61b36 100644 --- a/sass/_profile.scss +++ b/sass/_profile.scss @@ -26,13 +26,26 @@ div.profile-wrapper { @include box-shadow(0 1px 0 #eee); padding: 7px lh(); border-bottom: 1px solid #d3d3d3; + position: relative; div#location_sub, div#language_sub { font-weight: bold; @include inline-block(); + form { + width: 100%; + } + input { - margin: lh(.5) 0; + + &[type="text"] { + margin: lh(.5) 0; + width: 100%; + @include box-sizing(border-box); + } + + &[type="input"]{ + } } &:empty { @@ -43,6 +56,19 @@ div.profile-wrapper { div#description { font-size: 12px; } + + a#change_language, a#change_location { + position: absolute; + top: 9px; + right: lh(.5); + text-transform: uppercase; + font-size: 12px; + color: #999; + + &:hover { + color: #555; + } + } } }