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() {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; + } + } } }