diff --git a/src/Bootstrap/dist/css/bootstrap-theme.css b/src/Bootstrap/dist/css/bootstrap-theme.css index c8ff445175..878dd2d49a 100644 --- a/src/Bootstrap/dist/css/bootstrap-theme.css +++ b/src/Bootstrap/dist/css/bootstrap-theme.css @@ -1430,7 +1430,7 @@ img.reserved-indicator-icon { text-align: right; } .page-package-details-v2 .package-details-info .ms-Icon-ul li { - margin-bottom: 15px; + margin-bottom: 18px; } .page-package-details-v2 .package-details-info .ms-Icon-ul img.icon { position: absolute; @@ -1439,8 +1439,50 @@ img.reserved-indicator-icon { height: 16px; margin-top: 3px; } +.page-package-details-v2 .package-details-info .sidebar-headers { + font-size: 16px; + font-weight: 600; + color: #666666; + margin-bottom: 14px; +} +.page-package-details-v2 .package-details-info .sidebar-links { + font-size: 16px; +} +.page-package-details-v2 .package-details-info .links-first-section { + padding-bottom: 35px; + margin-bottom: 0px; +} +.page-package-details-v2 .package-details-info .title-links { + font-size: 14px; + font-weight: 400; + padding-top: 2px; +} +@media (min-width: 992px) { + .page-package-details-v2 .package-details-info .title-links a { + float: right !important; + } +} +.page-package-details-v2 .package-details-info .sidebar-section { + margin-top: 32px; +} +.page-package-details-v2 .package-details-info .download-info .download-info-row { + margin-bottom: 15px; +} +.page-package-details-v2 .package-details-info .download-info .download-info-header { + font-size: 14px; + font-weight: 400; + color: #666666; + margin-right: 12px; +} +.page-package-details-v2 .package-details-info .download-info .download-info-content { + font-size: 16px; + font-weight: 600; +} +.page-package-details-v2 .owner-list { + margin-bottom: 40px; +} .page-package-details-v2 .owner-list li { - margin-bottom: 8px; + margin-bottom: 14px; display: block; overflow: hidden; white-space: nowrap; @@ -1448,6 +1490,11 @@ img.reserved-indicator-icon { } .page-package-details-v2 .owner-list img { margin-right: 8px; + border-radius: 5px; +} +.page-package-details-v2 .support-links .report-link i { + color: #BE0151; + font-weight: bold; } .page-package-details-v2 .share-buttons img { margin-right: 8px; diff --git a/src/Bootstrap/less/theme/page-display-package-v2.less b/src/Bootstrap/less/theme/page-display-package-v2.less index a35e085b23..0977992259 100644 --- a/src/Bootstrap/less/theme/page-display-package-v2.less +++ b/src/Bootstrap/less/theme/page-display-package-v2.less @@ -174,7 +174,7 @@ .package-details-info { .ms-Icon-ul { li { - margin-bottom: 15px; + margin-bottom: 18px; } img.icon { @@ -185,11 +185,64 @@ margin-top: 3px; } } + + .sidebar-headers { + font-size: 16px; + font-weight: 600; + color: @gray-light; + margin-bottom: 14px; + } + + .sidebar-links { + font-size: 16px; + } + + .links-first-section { + padding-bottom: 35px; + margin-bottom: 0px; + } + + .title-links { + font-size: 14px; + font-weight: 400; + padding-top: 2px; + + a { + @media (min-width: @screen-md-min) { + float: right !important; + } + } + } + + .sidebar-section { + margin-top: 32px; + } + + .download-info { + + .download-info-row { + margin-bottom: 15px; + } + + .download-info-header { + font-size: 14px; + font-weight: 400; + color: @gray-light; + margin-right: 12px; + } + + .download-info-content { + font-size: 16px; + font-weight: 600; + } + } } .owner-list { + margin-bottom: 40px; + li { - margin-bottom: 8px; + margin-bottom: 14px; display: block; overflow: hidden; white-space: nowrap; @@ -198,6 +251,17 @@ img { margin-right: 8px; + border-radius: 5px; + } + } + + .support-links { + + .report-link { + i { + color: #BE0151; + font-weight: bold; + } } } diff --git a/src/NuGetGallery/Views/Packages/DisplayPackageV2.cshtml b/src/NuGetGallery/Views/Packages/DisplayPackageV2.cshtml index 2febe139c8..3c288f4b3f 100644 --- a/src/NuGetGallery/Views/Packages/DisplayPackageV2.cshtml +++ b/src/NuGetGallery/Views/Packages/DisplayPackageV2.cshtml @@ -846,194 +846,173 @@ } - +