diff --git a/OurUmbraco.Client/src/scss/elements/_packages.scss b/OurUmbraco.Client/src/scss/elements/_packages.scss
index 9e4aec59..2521082b 100644
--- a/OurUmbraco.Client/src/scss/elements/_packages.scss
+++ b/OurUmbraco.Client/src/scss/elements/_packages.scss
@@ -1,174 +1,175 @@
-body.packages {
- nav {
-
- h3 {
- &:hover {
- opacity: .8;
- }
- }
-
- h4 {
- opacity: .7;
- margin: .5rem 0 .5rem;
- }
- }
-
- li {
- h3 {
- opacity: .5;
- }
-
- &.open, &.active {
- h3, a {
- opacity: 1;
- color: #000 !important;
- }
- }
-
- &.active > ul {
- max-height: 100%;
- }
- }
-}
-
-.packages-content {
-
- .search-big {
- margin-bottom: 0;
- margin-top: 20px;
- }
-
- h1 {
- margin: 1em 0 10px;
- font-size: 2.1rem;
- }
-
- .package {
- margin-bottom: 15px;
- padding: 20px;
- transition: all .1s linear;
- cursor: pointer;
- position: relative;
- overflow: hidden;
- border-radius: 3px;
- border: 1px solid #e9e9e9;
-
- &:hover {
- @include box-shadow(2);
-
- .icon {
- transform: scale(1.1);
- }
- }
- }
-
- .box {
- border: none;
- border-bottom: 1px solid whitesmoke;
- width: 100%;
-
+body.packages {
+ nav {
+
+ h3 {
+ &:hover {
+ opacity: .8;
+ }
+ }
+
+ h4 {
+ opacity: .7;
+ margin: .5rem 0 .5rem;
+ }
+ }
+
+ li {
+ h3 {
+ opacity: .5;
+ }
+
+ &.open, &.active {
+ h3, a {
+ opacity: 1;
+ color: #000 !important;
+ }
+ }
+
+ &.active > ul {
+ max-height: 100%;
+ }
+ }
+}
+
+.packages-content {
+
+ .search-big {
+ margin-bottom: 0;
+ margin-top: 20px;
+ }
+
+ h1 {
+ margin: 1em 0 10px;
+ font-size: 2.1rem;
+ }
+
+ .package {
+ margin-bottom: 15px;
+ padding: 20px;
+ transition: all .1s linear;
+ cursor: pointer;
+ position: relative;
+ overflow: hidden;
+ border-radius: 3px;
+ border: 1px solid #e9e9e9;
+
+ &:hover {
+ @include box-shadow(2);
+
+ .icon {
+ transform: scale(1.1);
+ }
+ }
+ }
+
+ .box {
+ border: none;
+ border-bottom: 1px solid whitesmoke;
+ width: 100%;
+
.row{
width:100%;
- }
-
- h3 {
- font-size: 1.1rem;
- margin-bottom: .5rem;
- font-weight: 600;
-
- a {
- color: $color-headline;
-
- &:hover {
- color: $color-our;
- }
- }
- }
-
- img {
- max-width: 100%;
- height: auto;
- display: block;
- vertical-align: middle;
-
- @media (min-width: $md) {
-
- }
- }
-
- .col-xs-2 {
- vertical-align: middle !important;
- padding: 0 !important;
- }
-
- .other {
- margin-top: 30px;
- }
-
- .stats {
- left: calc(16.666666666666664% + 15px);
- font-family: Consolas, "Liberation Mono", Menlo, Monaco, Courier, monospace;
- font-size: .75rem;
-
- i {
- margin-left: 3px;
- font-size: .9rem;
- }
-
- span {
- &:first-child {
- margin-right: 0px;
- }
- }
- }
-
- p {
- font-size: .9rem;
- color: $color-text;
- opacity: 1;
- }
-
- .package-badge {
- position: absolute;
- right: 15px;
- bottom: -3px;
-
-
- @media (min-width: $md) {
- position: absolute;
- right: 0;
- bottom: 25px;
- }
- }
-
- .karma , .downloads {
- color: #000;
-
- span {
- transform: translate(0, 2px);
- display: inline-block;
- }
- }
-
- &.liked {
- .karma {
- i {
- color: $color-red;
- }
- }
- }
- }
-
- .name {
- font-size: 1rem;
- line-height: 1.3;
- font-weight: bold;
- }
-
- .description {
- font-size: .8rem;
- margin-top: 3px;
- max-height: 28px;
- overflow: hidden;
- }
+ }
+
+ h3 {
+ font-size: 1.1rem;
+ margin-bottom: .5rem;
+ font-weight: 600;
+
+ a {
+ color: $color-headline;
+
+ &:hover {
+ color: $color-our;
+ }
+ }
+ }
+
+ img {
+ max-width: 100%;
+ height: auto;
+ display: block;
+ vertical-align: middle;
+ width: 50px;
+
+ @media (min-width: $md) {
+
+ }
+ }
+
+ .col-xs-2 {
+ vertical-align: middle !important;
+ padding: 0 !important;
+ }
+
+ .other {
+ margin-top: 30px;
+ }
+
+ .stats {
+ left: calc(16.666666666666664% + 15px);
+ font-family: Consolas, "Liberation Mono", Menlo, Monaco, Courier, monospace;
+ font-size: .75rem;
+
+ i {
+ margin-left: 3px;
+ font-size: .9rem;
+ }
+
+ span {
+ &:first-child {
+ margin-right: 0px;
+ }
+ }
+ }
+
+ p {
+ font-size: .9rem;
+ color: $color-text;
+ opacity: 1;
+ }
+
+ .package-badge {
+ position: absolute;
+ right: 15px;
+ bottom: -3px;
+
+
+ @media (min-width: $md) {
+ position: absolute;
+ right: 0;
+ bottom: 25px;
+ }
+ }
+
+ .karma , .downloads {
+ color: #000;
+
+ span {
+ transform: translate(0, 2px);
+ display: inline-block;
+ }
+ }
+
+ &.liked {
+ .karma {
+ i {
+ color: $color-red;
+ }
+ }
+ }
+ }
+
+ .name {
+ font-size: 1rem;
+ line-height: 1.3;
+ font-weight: bold;
+ }
+
+ .description {
+ font-size: .8rem;
+ margin-top: 3px;
+ max-height: 28px;
+ overflow: hidden;
+ }
}
\ No newline at end of file
diff --git a/OurUmbraco.Client/src/scss/sections/_forum.scss b/OurUmbraco.Client/src/scss/sections/_forum.scss
index d6e23232..670c8c7b 100644
--- a/OurUmbraco.Client/src/scss/sections/_forum.scss
+++ b/OurUmbraco.Client/src/scss/sections/_forum.scss
@@ -157,6 +157,10 @@ section.forum {
max-width: 112px;
height: auto;
+ .package-forum-activity & {
+ border-radius: 0;
+ }
+
@media (min-width: $md) {
width: 58px;
}
diff --git a/OurUmbraco.Site/Views/Partials/Projects/ListProjects.cshtml b/OurUmbraco.Site/Views/Partials/Projects/ListProjects.cshtml
index 3c780c44..36cfb9b0 100644
--- a/OurUmbraco.Site/Views/Partials/Projects/ListProjects.cshtml
+++ b/OurUmbraco.Site/Views/Partials/Projects/ListProjects.cshtml
@@ -185,7 +185,7 @@
defaultScreenshot = childContent.GetPropertyValue("defaultScreenshotPath", false, "/css/img/package2.png");
}
}
-
+