docker
/
docs
mirror of https://github.com/docker/docs.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Fixed setup screen spacing.

This commit is contained in:
Sean Li 2015-06-11 14:30:48 -07:00
parent cad849b74e
commit 2eb1215a60
3 changed files with 11 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
styles/container-settings.less
View File

@ -24,7 +24,7 @@
&.active { &.active {
li { li {
font-weight: 500; font-weight: 500;
border-bottom: 2px solid @brand-primary; border-bottom: 3px solid @brand-primary;
color: @gray-darkest; color: @gray-darkest;
} }
} }

5
styles/right-panel.less
View File

@ -116,7 +116,7 @@
&.active { &.active {
background-color: @color-background; background-color: @color-background;
border-bottom: 1px solid @color-background; border-bottom: 1px solid @color-background;
border-top: 2px solid @brand-primary; border-top: 3px solid @brand-primary;
color: @gray-darker; color: @gray-darker;
} }
&:active { &:active {
@ -151,8 +151,9 @@
border-bottom: 3px solid transparent; border-bottom: 3px solid transparent;
text-align: center; text-align: center;
min-width: 20px; min-width: 20px;
padding-bottom: 0.2rem; padding-bottom: 1rem;
&.active { &.active {
font-weight: 500;
color: @gray-darkest; color: @gray-darkest;
border-bottom: 3px solid @brand-primary; border-bottom: 3px solid @brand-primary;
} }

14
styles/setup.less
View File

@ -11,12 +11,14 @@
flex: 1 auto; flex: 1 auto;
padding: 2rem;
.image { .image {
display: flex; display: flex;
flex: 1 auto; flex: 1 auto;
align-items: center; align-items: center;
justify-content: flex-end; justify-content: flex-end;
padding-right: 40px; padding-right: 10rem;
img { img {
width: 399px; width: 399px;
@ -38,8 +40,8 @@
flex: 1 auto; flex: 1 auto;
align-items: flex-end; align-items: flex-end;
justify-content: center; justify-content: center;
padding-right: 60px; padding-right: 5rem;
padding-left: 80px; padding-left: 15rem;
flex-direction: column; flex-direction: column;
img { img {
@ -96,14 +98,10 @@
button[type="submit"] { button[type="submit"] {
flex: 0 auto; flex: 0 auto;
display: block; display: block;
.btn-filled-styles(@brand-action);
font-size: 18px; font-size: 18px;
padding: 10px 20px; padding: 10px 20px;
color: white;
background-color: @brand-action;
border: 0; border: 0;
&:hover {
background-color: darken(@brand-action, 5%);
}
} }
} }