Commit b9413460 authored by Pete Hopkins's avatar Pete Hopkins
Browse files

Makes inputs and buttons align middle so they line up in all browsers

parent f76444c8
Showing with 9 additions and 9 deletions
+9 -9
...@@ -66,9 +66,9 @@ ...@@ -66,9 +66,9 @@
.btn { .btn {
// Button Base // Button Base
display: inline-block; display: inline-block;
padding: 5px 10px 6px; padding: 4px 10px 4px;
font-size: @baseFontSize; font-size: @baseFontSize;
line-height: normal; line-height: @baseLineHeight;
color: @grayDark; color: @grayDark;
text-shadow: 0 1px 1px rgba(255,255,255,.75); text-shadow: 0 1px 1px rgba(255,255,255,.75);
#gradient > .vertical-three-colors(@white, @white, 25%, darken(@white, 10%)); // Don't use .gradientbar() here since it does a three-color gradient #gradient > .vertical-three-colors(@white, @white, 25%, darken(@white, 10%)); // Don't use .gradientbar() here since it does a three-color gradient
...@@ -129,8 +129,9 @@ ...@@ -129,8 +129,9 @@
.border-radius(5px); .border-radius(5px);
} }
&.small { &.small {
padding: 7px 9px 7px; padding: 5px 9px 5px;
font-size: @baseFontSize - 2px; font-size: @baseFontSize - 2px;
line-height: @baseLineHeight - 2px;
} }
} }
......
...@@ -119,7 +119,6 @@ input[type=file] { ...@@ -119,7 +119,6 @@ input[type=file] {
// Chrome on Linux and Mobile Safari need background-color // Chrome on Linux and Mobile Safari need background-color
select { select {
width: 220px; // default input width + 10px of padding that doesn't get applied width: 220px; // default input width + 10px of padding that doesn't get applied
vertical-align: baseline;
background-color: @white; background-color: @white;
} }
...@@ -377,9 +376,9 @@ select:focus:required:invalid { ...@@ -377,9 +376,9 @@ select:focus:required:invalid {
} }
.help-inline { .help-inline {
*position: relative; /* IE6-7 */ display: inline-block;
*top: -5px; /* IE6-7 */ margin-bottom: 9px;
display: inline; vertical-align: middle;
padding-left: 5px; padding-left: 5px;
} }
...@@ -469,6 +468,7 @@ select:focus:required:invalid { ...@@ -469,6 +468,7 @@ select:focus:required:invalid {
input, input,
textarea, textarea,
select, select,
.help-inline,
.uneditable-input { .uneditable-input {
display: inline-block; display: inline-block;
margin-bottom: 0; margin-bottom: 0;
......
...@@ -91,8 +91,7 @@ select, ...@@ -91,8 +91,7 @@ select,
textarea { textarea {
margin: 0; margin: 0;
font-size: 100%; font-size: 100%;
vertical-align: baseline; vertical-align: middle;
*vertical-align: middle;
} }
button, button,
input { input {
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment