gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fix(commit): Fix certificate text overflow (#16494)

Browse Source 
Layout certificate buttons vertically
This commit is contained in:
Brian Lee
2018-01-18 17:53:14 +11:00
committed by mrugesh mohapatra
parent 2788f723f9
commit b1b8074733
2 changed files with 5 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
client/less/main.less
View File

@ -48,6 +48,10 @@ pre.wrappable {
border-color: @brand-primary; border-color: @brand-primary;
} }
.btn-group-vertical {
width: 100%;
}
.full-screen-body-background { .full-screen-body-background {
background-color: @body-bg; background-color: @body-bg;
} }

2
server/views/commit/index.jade
View File

@ -22,7 +22,7 @@ block content
.row .row
.col-xs-12.col-sm-6.col-sm-offset-3 .col-xs-12.col-sm-6.col-sm-offset-3
h3 Step 1: Which certification do you pledge to complete? h3 Step 1: Which certification do you pledge to complete?
.btn-group.btn-group-justified(data-toggle='buttons' role='group') .btn-group-vertical(data-toggle='buttons' role='group')
label.btn.btn-primary.active label.btn.btn-primary.active
input(type='radio' id="respWebDesignCert" value="Responsive Web Design Certification" name='goal' checked="checked") input(type='radio' id="respWebDesignCert" value="Responsive Web Design Certification" name='goal' checked="checked")
| Responsive Web Design | Responsive Web Design