Fix app dev style papercuts

frontend/pages/apps/manage/[appId]/index.tsx

@@ -40,7 +40,7 @@ const SettingsDisclosure = ({ sectionTitle, children }) => {
   }
 
   return (
-    <Disclosure as={"div"} className="pt-4">
+    <Disclosure as={"div"} className="pt-4" defaultOpen>
       {({ open }) => (
         <>
           <DisclosureButton className="w-full flex items-start justify-between">

frontend/public/locales/en/common.json

@@ -164,7 +164,7 @@
   "switch-language": "Switch Language",
   "expiry": "Expiry",
   "checkout": "Checkout",
-  "confirm-selection": "Confirm Selection",
+  "confirm-selection": "Confirm selection",
   "kind-donation": "Donation",
   "kind-purchase": "Purchase",
   "action-donate": "Donate",
@@ -173,10 +173,10 @@
   "kind-donate-app": "Donate to {{appName}}",
   "payment": "Payment",
   "zoom": "Zoom",
-  "make-donation": "Make Donation",
+  "make-donation": "Make donation",
   "no-saved-payment-methods": "No saved payment methods to show.",
   "no-transactions": "No transactions",
-  "remove-saved-card": "Remove Saved Card",
+  "remove-saved-card": "Remove saved card",
   "retry-checkout": "Retry checkout",
   "save-card-for-reuse": "Save card for reuse",
   "saved-cards": "Saved Cards",
@@ -243,7 +243,7 @@
   "recommended-payment": "Recommended Payment",
   "app-share": "App share",
   "app-vending-settings-confirmed": "App vending settings confirmed",
-  "confirm-settings": "Confirm Settings",
+  "confirm-settings": "Confirm settings",
   "select-purchase-amount": "Enter the amount you wish to pay",
   "app-payment-information": "The app developer has set a minimum payment of {{minvalue}} and a preferred payment of {{recvalue}}.",
   "value-at-least": "You must enter a value of at least {{value}}",
@@ -262,7 +262,7 @@
   "status-redeemed": "Redeemed",
   "status-unredeemed": "Unredeemed",
   "token-cancelled": "Token successfully cancelled",
-  "create-tokens": "Create Tokens",
+  "create-tokens": "Create tokens",
   "submit": "Submit",
   "token-creation-placeholder": "Enter a list of names on separate lines, each will identify a new ownership token.",
   "token-redeemed": "Token successfully redeemed",
@@ -347,8 +347,8 @@
   "failed-to-find-token": "Failed to find token in response from {{domain}}.",
   "upload-tokens": "Upload Tokens",
   "no-tokens-to-show": "No tokens to show.",
-  "new-beta-token": "New Beta Token",
-  "new-stable-token": "New Stable Token",
+  "new-beta-token": "New beta token",
+  "new-stable-token": "New stable token",
   "create-token": "Create Token",
   "token-name": "Token name",
   "scopes": "Scopes",
@@ -366,7 +366,7 @@
   "revoke-token": "Revoke Token",
   "revoke-token-description": "Are you sure you want to revoke the token '{{name}}'?",
   "repo": "Repo",
-  "show-expired-tokens": "Show Expired Tokens",
+  "show-expired-tokens": "Show expired tokens",
   "category-distribution": "Category Distribution",
   "chat": "Chat",
   "verified-apps": "Verified Apps",
@@ -413,7 +413,7 @@
   "desktop-application": "Desktop Application",
   "console-application": "Console Application",
   "app-type": "App Type",
-  "new-app": "New App",
+  "new-app": "New app",
   "community-repository": "Community Repository",
   "community-repository-description": "Upload your app to Flathub by uploading your Flatpak manifest and supporting files to a repository in our GitHub organization. Flathub's buildbot will build the app and publish it to Flathub.",
   "new-community-repository": "New Community Repository App",

frontend/src/components/application/AppVendingControls/OwnershipTokens/TokenCreateDialog.stories.tsx

@@ -36,7 +36,7 @@ export const Default: Story = {
     await userEvent.click(button)
 
     await waitFor(() => {
-      expect(canvas.getByText("Create Tokens")).toBeInTheDocument()
+      expect(canvas.getByText("Create tokens")).toBeInTheDocument()
     })
   },
 }

frontend/src/components/application/AppVendingControls/VendingSharesPreview.tsx

@@ -89,7 +89,7 @@ const VendingSharesPreview: FunctionComponent<Props> = ({
 
   return (
     <div>
-      <ChartContainer config={chartConfig}>
+      <ChartContainer className="h-32 w-full" config={chartConfig}>
         <BarChart accessibilityLayer layout="vertical" data={data}>
           {labels.map((label, i) => {
             return (