Skip to content
This repository

Issue #1320: Added a bit of relative positioning to fix the help button... #1416

Merged
merged 1 commit into from over 1 year ago

2 participants

Dain Miller Gina Trapani
Dain Miller

... fixes alignment on (login/register/forgot password) pages.

This was a simple position: relative alignment fix, and it has been tested to work in the following browsers:

  • IE 8
  • IE 9
  • Firefox 13, 14, 15, 16(beta)
  • Safari 5
  • Chrome 15 - 23, and 24(beta)
  • Opera 10 - 12.10, and 12.11(beta)

Note: In certain cases margin-bottom doesn't work, and often it is bad practice to use a negative top margin in these cases to 'hack' margin-bottom to work. So what we did here was use position: relative, with a bottom value, this way we didn't have to do any hacks.

Issue #1320: Added a bit of relative positioning to fix the help butt…
…on alignment on (login/register/forgot password) pages.
5123a65
Gina Trapani ginatrapani merged commit c991145 into from
Gina Trapani ginatrapani closed this
Gina Trapani
Owner

Thanks so much for this, that was driving me crazy.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Showing 1 unique commit by 1 author.

Dec 21, 2012
Issue #1320: Added a bit of relative positioning to fix the help butt…
…on alignment on (login/register/forgot password) pages.
5123a65
This page is out of date. Refresh to see the latest.

Showing 1 changed file with 4 additions and 1 deletion. Show diff stats Hide diff stats

  1. 5  webapp/assets/css/style.css
5  webapp/assets/css/style.css
@@ -859,6 +859,7 @@ border-radius: 6px;
859 859
 border: 1px outset #89b1c0;
860 860
 }
861 861
 
  862
+
862 863
 a.linkbutton,a.linkbutton:visited {
863 864
 text-decoration: none;
864 865
 }
@@ -869,7 +870,9 @@ font-size: smaller;
869 870
 float: right;
870 871
 min-height: 16px;
871 872
 padding-top: 4px;
872  
-margin: 0 6px 6px 6px;
  873
+margin: 0 6px 6px 6px; 
  874
+position: relative;
  875
+bottom: 8px; 
873 876
 }
874 877
 
875 878
 .linkbutton.emphasized {
Commit_comment_tip

Tip: You can add notes to lines in a file. Hover to the left of a line to make a note

Something went wrong with that request. Please try again.