UBER-194,-166,-185: add application icons, fixed Inbox list and mobile layout

packages/theme/styles/_layouts.scss

@@ -395,6 +395,7 @@ input.search {
     & > :first-child { margin-right: 0; }
   }
 }
+.gapV-1 > *:not(:last-child) { margin-bottom: .25rem; }
 .gap-1-5 {
   &:not(.reverse) > *:not(:last-child) { margin-right: .375rem; }
   &.reverse > *:not(:first-child) { margin-left: .375rem; }

packages/theme/styles/common.scss

@@ -39,6 +39,9 @@
   }
   &.lastDivider { border-color: var(--theme-navpanel-border); }
 }
+.normal-font .antiPanel-application .app .icon-container.noty { clip-path: url(#notify-normal); }
+.small-font .antiPanel-application .app .icon-container.noty { clip-path: url(#notify-small); }
+
 .antiPanel-navigator,
 .antiPanel-component {
   flex-grow: 1;

packages/theme/styles/panel.scss

@@ -183,7 +183,6 @@
     .popupPanel-body__header {
       display: flex;
       align-items: center;
-      height: 100%;
       min-height: 0;
 
       &-wrapper {

packages/ui/src/components/ListView.svelte

@@ -91,7 +91,6 @@
     user-select: none;
 
     .list-item {
-      flex-grow: 1;
       margin: 0 0.5rem;
       min-width: 0;
       border-radius: 0.25rem;

packages/ui/src/components/Scroller.svelte

@@ -32,7 +32,7 @@
   export let invertScroll: boolean = false
   export let horizontal: boolean = false
   export let contentDirection: 'vertical' | 'vertical-reverse' | 'horizontal' = 'vertical'
-  export let gap: 'gap-1' | 'gap-1-5' | 'gap-2' | 'gap-3' | 'gap-around-2' | 'gap-around-4' | undefined = undefined
+  export let gap: string | undefined = undefined
   export let noStretch: boolean = autoscroll
   export let buttons: 'normal' | 'union' | false = false
   export let shrink: boolean = false
@@ -499,7 +499,7 @@
       <div
         bind:this={divBox}
         class="box{gap ? ` ${gap}` : ''}"
-        class:align-center={contentDirection === 'horizontal'}
+        class:items-center={contentDirection === 'horizontal'}
         style:padding
         style:flex-direction={contentDirection === 'vertical'
           ? 'column'

plugins/calendar-assets/src/index.ts

@@ -20,6 +20,7 @@ const icons = require('../assets/icons.svg') as string // eslint-disable-line
 loadMetadata(calendar.icon, {
   Calendar: `${icons}#calendar`,
   Reminder: `${icons}#reminder`,
+  Notifications: `${icons}#notifications`,
   Location: `${icons}#location`
 })
 

plugins/calendar/src/index.ts

@@ -71,7 +71,8 @@ const calendarPlugin = plugin(calendarId, {
   icon: {
     Calendar: '' as Asset,
     Location: '' as Asset,
-    Reminder: '' as Asset
+    Reminder: '' as Asset,
+    Notifications: '' as Asset
   },
   space: {
     // Space for all personal events.

plugins/devmodel-resources/src/index.ts

@@ -150,7 +150,7 @@ export async function Hook (client: AccountClient): Promise<Client> {
     core.space.Model,
     {
       label: 'DevModel' as IntlString,
-      icon: view.icon.Model,
+      icon: view.icon.DevModel,
       alias: devModelId,
       hidden: false,
       navigatorModel: {