fix sideload display and other misc style adjustments

web/projects/marketplace/src/pages/list/search/search.component.ts

@@ -27,6 +27,7 @@ export class SearchComponent {
   onModelChange(query: string) {
     this.query = query
     this.queryChange.emit(query)
-    this.router.navigate(['../'])
+    // @TODO fix in brochure
+    // this.router.navigate(['../'])
   }
 }

web/projects/marketplace/src/pages/show/dependencies/dependency-item.component.ts

@@ -64,7 +64,12 @@ import { TuiAvatarModule, TuiLineClampModule } from '@taiga-ui/kit'
 
       .title {
         display: flex;
-        gap: 0.25rem;
+        gap: 0;
+        flex-wrap: wrap;
+
+        @media (min-width: 640px) {
+          gap: 0.25rem;
+        }
 
         p {
           margin: 0;

web/projects/marketplace/src/pages/show/hero/hero.component.ts

@@ -87,9 +87,10 @@ import { MarketplacePkg } from '../../../types'
           color: rgb(250 250 250);
           mix-blend-mode: plus-lighter;
           z-index: 1;
+          max-width: 17rem;
 
           @media (min-width: 768px) {
-            max-width: 22rem;
+            min-width: 100%;
           }
 
           h2 {
@@ -128,7 +129,6 @@ import { MarketplacePkg } from '../../../types'
           left: 0px;
           z-index: -50;
           border-radius: 1.5rem;
-          background-color: rgb(39 39 42);
 
           img {
             position: absolute;