diff --git a/src/Umbraco.Web.UI.Client/src/less/components/umb-packages.less b/src/Umbraco.Web.UI.Client/src/less/components/umb-packages.less index 4d4d443b09..bca3d7cbd7 100644 --- a/src/Umbraco.Web.UI.Client/src/less/components/umb-packages.less +++ b/src/Umbraco.Web.UI.Client/src/less/components/umb-packages.less @@ -1,13 +1,17 @@ .umb-packages { display: flex; flex-wrap: wrap; + + margin: 0 -5px; } + +// List .umb-package { flex: 0 0 100%; - padding-left: 20px; - padding-right: 20px; + padding-left: 10px; + padding-right: 10px; padding-bottom: 20px; box-sizing: border-box; @@ -33,6 +37,8 @@ } } + +// Link (Wrapper) .umb-package-link { display: flex; flex-wrap: wrap; @@ -52,6 +58,8 @@ } + +// Icon .umb-package-icon { display: flex; @@ -70,6 +78,8 @@ opacity: .1; } + +// Info .umb-package-info { padding-top: 10px; padding-right: 20px; @@ -78,17 +88,17 @@ } +// Name .umb-package-name { font-weight: bold; margin-bottom: 10px; } +// Numbers .umb-package-numbers { display: flex; flex-wrap: wrap; - margin-bottom: 20px; - opacity: .6; } @@ -96,14 +106,7 @@ opacity: 1; } -.umb-package-link:hover .umb-era-button { - background: @blue; - color: white; - &:hover { - background-color: @blueDark; - } -} /* umb-buttons-era */ .umb-era-button { diff --git a/src/Umbraco.Web.UI.Client/src/views/packagesNew/edit.html b/src/Umbraco.Web.UI.Client/src/views/packagesNew/edit.html index 8f98ba8712..c34c9487f2 100644 --- a/src/Umbraco.Web.UI.Client/src/views/packagesNew/edit.html +++ b/src/Umbraco.Web.UI.Client/src/views/packagesNew/edit.html @@ -43,16 +43,12 @@
-
+ Downloads {{ package.downloads }} -
-
+ + Karma {{ package.karma }} -
-
- -
- Install +