pk/atst
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request #618 from dod-ccpo/dont-overlap-name-on-small-screens

Browse Source 
Fix portfolio header on small screens
This commit is contained in:
patricksmithdds 2019-02-11 11:46:35 -05:00 committed by GitHub
commit 66a3df89ef
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 6 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
styles/components/_portfolio_layout.scss
View File

@ -42,6 +42,11 @@
} }
.portfolio-header { .portfolio-header {
flex-direction: column;
@include media($small-screen) {
flex-direction: row;
}
margin: 2 * $gap 0; margin: 2 * $gap 0;
.portfolio-header__name { .portfolio-header__name {
@ -64,6 +69,7 @@
} }
.links { .links {
justify-content: center;
font-size: $small-font-size; font-size: $small-font-size;
.icon-link { .icon-link {