style: minor visual improvements

crowdin · Sep 4, 2024 · be455ee · be455ee
1 parent ebdba56
commit be455ee
Show file tree

Hide file tree

Showing 5 changed files with 12 additions and 8 deletions.
diff --git a/src/components/Feedback.astro b/src/components/Feedback.astro
@@ -2,8 +2,8 @@
 import { Icon } from 'astro-icon/components';
 ---
 
-<div class="flex flex-col border p-3 rounded-lg w-72">
-    <div id="vote-buttons" class="flex gap-4">
+<div class="flex flex-col border p-3 rounded-xl w-72">
+    <div id="vote-buttons" class="flex gap-4 mx-auto">
         <span>Was this page helpful?</span>
         <div class="flex gap-3">
             <Icon id="like" name="mdi:thumb-up" size="20" class="!mt-1 cursor-pointer hover:text-accent-700" />

diff --git a/src/components/QuestionAnswer.astro b/src/components/QuestionAnswer.astro
@@ -2,9 +2,9 @@
 const { title, open } = Astro.props;
 ---
 
-<details {open} class="details-card bg-neutral-50 dark:bg-neutral-800 p-4 mt-4">
+<details {open} class="bg-gray-200 dark:bg-gray-700 p-4 mt-4">
     <summary>
-        <strong class="text-base">{title}</strong>
+        <strong class="text-base font-semibold">{title}</strong>
     </summary>
     <div class="px-2">
         <slot />

diff --git a/src/content/docs/crowdin/localization-resources/machine-translation.mdx b/src/content/docs/crowdin/localization-resources/machine-translation.mdx
@@ -86,7 +86,7 @@ To use your [Custom Terminology](https://docs.aws.amazon.com/translate/latest/dg
 <QuestionAnswer title="What are the minimal scopes for an IAM user required to set up Amazon Translate to be used in Crowdin?">
   The minimal IAM scopes required depend on whether you're using terminologies or not:
 
-  - **Without terminologies:**
+  **Without terminologies:**
 
   ```json
   {
@@ -101,7 +101,7 @@ To use your [Custom Terminology](https://docs.aws.amazon.com/translate/latest/dg
   }
   ```
 
-  - **With terminologies:**
+  **With terminologies:**
 
   ```json
   {

diff --git a/src/content/docs/enterprise/localization-resources/machine-translation.mdx b/src/content/docs/enterprise/localization-resources/machine-translation.mdx
@@ -83,7 +83,7 @@ To use your [Custom Terminology](https://docs.aws.amazon.com/translate/latest/dg
 <QuestionAnswer title="What are the minimal scopes for an IAM user required to set up Amazon Translate to be used in Crowdin?">
   The minimal IAM scopes required depend on whether you're using terminologies or not:
 
-  - **Without terminologies:**
+  **Without terminologies:**
 
   ```json
   {
@@ -98,7 +98,7 @@ To use your [Custom Terminology](https://docs.aws.amazon.com/translate/latest/dg
   }
   ```
 
-  - **With terminologies:**
+  **With terminologies:**
 
   ```json
   {

diff --git a/src/style/global.css b/src/style/global.css
@@ -189,6 +189,10 @@ h1, h2, h3, h4, h5, h6 {
   margin: .25rem 0;
 }
 
+.sidebar-content details {
+  margin-bottom: .5rem;
+}
+
 /* Tabs */
 
 starlight-tabs {