fix sideload display and other misc style adjustments

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;
-        padding: 2.5rem 1rem 1rem 1rem;
-        margin-bottom: 4rem;
+        width: 100%;
 
         @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,