update

src/App.vue

@@ -1,6 +1,6 @@
 <template>
   <a-layout class="h-full">
-    <a-layout-sider collapsible v-model:collapsed="isSiderCollapsed" @click="showSider">
+    <a-layout-sider collapsible v-model:collapsed="isSiderCollapsed">
       <a-menu class="h-full" 
         v-model:selectedKeys="menuSelectedKeys"
         :items="menuItems" 
@@ -9,7 +9,7 @@
       ></a-menu>
     </a-layout-sider>
     <a-layout>
-      <a-layout-content @click="hideSider">
+      <a-layout-content>
         <service-configuration :service-key="activeServiceKey"></service-configuration>
       </a-layout-content>
     </a-layout>
@@ -36,7 +36,7 @@ const isGuest = ref(false);
 /** @var {String} */
 const password = ref('');
 /** @var {Boolean} */
-const isSiderCollapsed = ref(true);
+const isSiderCollapsed = ref(false);
 // on mounted
 onMounted(mounted);
 

src/components/ServiceConfiguration.vue

@@ -1,10 +1,10 @@
 <template>
-  <div class="h-full flex flex-col">
-    <div class="flex-grow">
+  <div >
+    <div >
       <service-configuration-status-viewer :service-key="props.serviceKey" />
       <service-configuration-actions v-model:actionLog="actionLog" :service-key="props.serviceKey" />
     </div>
-    <div class="flex-none" style="display: none;">
+    <div  style="display: none;">
       <service-configuration-action-log :log="actionLog" />
     </div>
   </div>

src/components/ServiceConfigurationActions.vue

@@ -147,8 +147,8 @@ async function actionServiceExecute(action) {
 }
 
 .fixed-length-button {
-  width: 230px;
-  /* Set a fixed width for the buttons */
+  min-width: 230px;
+  /* Set a minimum width for the buttons */
   white-space: normal;
   word-break: break-word;
 }