From 0109fdfef6961d897249501a72650847d0d64e79 Mon Sep 17 00:00:00 2001
From: tdgao <mr.trumgao@gmail.com>
Date: Tue, 14 Apr 2026 18:42:51 -0600
Subject: [PATCH] fix: revert to large buttons

---
 .../server-header/PanelServerActionButton.vue        | 12 ++++++------
 .../server-header/PanelServerOverflowMenu.vue        |  2 +-
 .../ui/src/layouts/wrapped/hosting/manage/root.vue   |  2 +-
 3 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/packages/ui/src/components/servers/server-header/PanelServerActionButton.vue b/packages/ui/src/components/servers/server-header/PanelServerActionButton.vue
index 25ccf06abe..761d16ed04 100644
--- a/packages/ui/src/components/servers/server-header/PanelServerActionButton.vue
+++ b/packages/ui/src/components/servers/server-header/PanelServerActionButton.vue
@@ -1,14 +1,14 @@
 <template>
 	<div class="contents">
 		<div class="flex flex-row items-center gap-2 rounded-lg">
-			<ButtonStyled v-if="isInstalling" type="standard" color="brand">
+			<ButtonStyled v-if="isInstalling" type="standard" color="brand" size="large">
 				<button disabled class="flex-shrink-0">
 					<LoaderCircleIcon class="size-5 animate-spin" /> Installing...
 				</button>
 			</ButtonStyled>
 
 			<template v-else>
-				<ButtonStyled v-if="showStopButton" type="standard" color="red">
+				<ButtonStyled v-if="showStopButton" type="standard" color="red" size="large">
 					<button
 						v-tooltip="busyTooltip"
 						:disabled="!canTakeAction"
@@ -22,13 +22,13 @@
 				</ButtonStyled>
 
 				<div v-if="showRestartDropdown" class="joined-buttons">
-					<ButtonStyled type="standard" color="orange">
+					<ButtonStyled type="standard" color="orange" size="large">
 						<button v-tooltip="busyTooltip" :disabled="!canTakeAction" @click="handlePrimaryAction">
 							<UpdatedIcon />
 							<span>{{ primaryActionText }}</span>
 						</button>
 					</ButtonStyled>
-					<ButtonStyled type="standard" color="orange">
+					<ButtonStyled type="standard" color="orange" size="large">
 						<OverflowMenu
 							v-tooltip="busyTooltip"
 							:disabled="!canTakeAction"
@@ -39,7 +39,7 @@
 								},
 							]"
 						>
-							<div class="w-2 text-xl relative top-0.5 right-1.5">
+							<div class="w-0 text-xl relative top-0.5 right-2.5">
 								<DropdownIcon />
 							</div>
 
@@ -50,7 +50,7 @@
 						</OverflowMenu>
 					</ButtonStyled>
 				</div>
-				<ButtonStyled v-else type="standard" color="brand">
+				<ButtonStyled v-else type="standard" color="brand" size="large">
 					<button v-tooltip="busyTooltip" :disabled="!canTakeAction" @click="handlePrimaryAction">
 						<PlayIcon />
 						<span>{{ primaryActionText }}</span>
diff --git a/packages/ui/src/components/servers/server-header/PanelServerOverflowMenu.vue b/packages/ui/src/components/servers/server-header/PanelServerOverflowMenu.vue
index 0681c5a8b6..a05c6a8db2 100644
--- a/packages/ui/src/components/servers/server-header/PanelServerOverflowMenu.vue
+++ b/packages/ui/src/components/servers/server-header/PanelServerOverflowMenu.vue
@@ -1,6 +1,6 @@
 <template>
 	<div class="contents">
-		<ButtonStyled circular type="transparent">
+		<ButtonStyled circular type="transparent" size="large">
 			<TeleportOverflowMenu :options="menuOptions">
 				<MoreVerticalIcon aria-hidden="true" />
 				<template #allServers>
diff --git a/packages/ui/src/layouts/wrapped/hosting/manage/root.vue b/packages/ui/src/layouts/wrapped/hosting/manage/root.vue
index fee214116c..23ecfaedfb 100644
--- a/packages/ui/src/layouts/wrapped/hosting/manage/root.vue
+++ b/packages/ui/src/layouts/wrapped/hosting/manage/root.vue
@@ -147,7 +147,7 @@
 							:auto-hide="false"
 							placement="bottom-end"
 						>
-							<ButtonStyled circular>
+							<ButtonStyled circular size="large">
 								<button
 									v-tooltip="showSettingsHint ? undefined : 'Server settings'"
 									@click="