Make publish button available on mobile

Fix #508

Author: kyoshino

src/lib/components/assets/list/primary-sidebar.svelte

@@ -33,7 +33,9 @@
 
 <div role="none" class="primary-sidebar">
   {#if $isSmallScreen}
-    <h2>{$_('assets')}</h2>
+    <header>
+      <h2>{$_('assets')}</h2>
+    </header>
     <QuickSearchBar
       onclick={(event) => {
         event.preventDefault();

src/lib/components/common/page-container.svelte

@@ -52,12 +52,18 @@
           background-color: var(--sui-primary-background-color);
         }
 
-        h2 {
+        // Mobile header
+        header {
           display: flex;
           align-items: center;
-          padding: 0 20px;
+          justify-content: space-between;
+          padding: 0 10px;
           height: var(--sui-primary-toolbar-size);
-          font-size: var(--sui-font-size-x-large);
+
+          h2 {
+            padding: 0 10px;
+            font-size: var(--sui-font-size-x-large);
+          }
         }
 
         .sui.search-bar {

src/lib/components/contents/list/primary-sidebar.svelte

@@ -4,6 +4,7 @@
   import { _, locale as appLocale } from 'svelte-i18n';
 
   import SingletonOption from '$lib/components/contents/list/singleton-option.svelte';
+  import PublishButton from '$lib/components/global/toolbar/items/publish-button.svelte';
   import QuickSearchBar from '$lib/components/global/toolbar/items/quick-search-bar.svelte';
   import { goto } from '$lib/services/app/navigation';
   import { siteConfig } from '$lib/services/config';
@@ -20,7 +21,10 @@
 
 <div role="none" class="primary-sidebar">
   {#if $isSmallScreen}
-    <h2>{$_('contents')}</h2>
+    <header>
+      <h2>{$_('contents')}</h2>
+      <PublishButton />
+    </header>
     <QuickSearchBar
       onclick={(event) => {
         event.preventDefault();

src/lib/components/global/toolbar/items/publish-button.svelte

@@ -4,6 +4,7 @@
 
   import { backend, isLastCommitPublished } from '$lib/services/backends';
   import { skipCIConfigured } from '$lib/services/backends/git/shared/integration';
+  import { isSmallScreen } from '$lib/services/user/env';
   import { prefs } from '$lib/services/user/prefs';
 
   const { deployHookURL } = $derived($prefs);
@@ -47,6 +48,7 @@
 {#if $skipCIConfigured}
   <Button
     variant="secondary"
+    size={$isSmallScreen ? 'small' : 'medium'}
     label={$_('publish_changes')}
     disabled={!canPublish}
     onclick={() => publish()}