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;

web/projects/shared/src/components/ticker/ticker.component.scss

@@ -8,6 +8,6 @@
   &:hover {
     text-indent: var(--indent, 0);
     text-overflow: clip;
-    cursor: all-scroll;
+    cursor: default;
   }
 }

web/projects/ui/src/app/apps/portal/routes/system/marketplace/components/tile.component.ts

@@ -32,6 +32,7 @@ import { MarketplaceSidebarService } from '../services/sidebar.service'
         "
         [pkgId]="pkg.manifest.id"
         class="preview-wrapper"
+        (tuiActiveZoneChange)="toggle($event)"
       >
         <button
           tuiAutoFocus

web/projects/ui/src/app/apps/portal/routes/system/marketplace/modals/preview.component.ts

@@ -114,13 +114,14 @@ import { Router } from '@angular/router'
       }
 
       .outer-container {
-        display: grid;
+        display: flex;
+        flex-direction: column;
         padding: 1.75rem;
         min-width: 100%;
         margin-top: 5rem;
 
         @media (min-width: 768px) {
-          min-width: 30rem;
+          // min-width: 30rem;
           margin-top: 0;
         }
       }

web/projects/ui/src/app/apps/portal/routes/system/sideload/package.component.ts

@@ -37,7 +37,7 @@ import { getManifest } from 'src/app/util/get-package-data'
           <a
             *ngIf="button !== null && button !== 'Install'"
             tuiButton
-            appearance="secondary"
+            appearance="tertiary-solid"
             [routerLink]="'/portal/service/' + package.manifest.id"
           >
             View installed
@@ -59,11 +59,11 @@ import { getManifest } from 'src/app/util/get-package-data'
       .outer-container {
         display: grid;
         justify-content: center;
-        gap: 2rem;
+        width: 100%;
-        padding: 2.5rem 1rem 1rem 1rem;
-        margin-bottom: 4rem;
 
         @media (min-width: 1024px) {
+          max-width: 80%;
+          margin: auto;
           padding: 2.5rem 4rem 2rem 4rem;
         }
       }
@@ -71,6 +71,7 @@ import { getManifest } from 'src/app/util/get-package-data'
       .inner-container {
         display: flex;
         justify-content: flex-start;
+        margin: -0.5rem 0 1.5rem -1px;
       }
     `,
   ],

web/projects/ui/src/app/apps/portal/routes/system/sideload/sideload.component.ts

@@ -77,6 +77,14 @@ import { SideloadPackageComponent } from './package.component'
         max-width: 40rem;
         margin: 0 auto;
       }
+
+      button {
+        margin-bottom: 2rem;
+
+        @media (min-width: 768px) {
+          margin-bottom: 4rem;
+        }
+      }
     `,
   ],
   changeDetection: ChangeDetectionStrategy.OnPush,