docs: small improvements

Корпусов Максим · Корпусов Максим · commit b6e35d8d4af5 · 2023-12-31T08:34:26.000+03:00
diff --git a/docs/components/buttons.md b/docs/components/buttons.md
@@ -6,7 +6,7 @@ import ExampleWrapper from '../common/ExampleWrapper.vue'
 
 
 # Buttons 
-<m-button style="float: right; transform: translateY(-100%)" target="_blank" rel="noopener noreferrer" href="https://m3.material.io/components/buttons/overview" variant="text" prepend-icon="open_in_new" text="material docs"/>
+<m-button style="float: right; transform: translateY(-94%)" target="_blank" rel="noopener noreferrer" href="https://m3.material.io/components/buttons/overview" variant="text" prepend-icon="open_in_new" text="material docs"/>
 
 <MIOList :items="['Can contain an optional leading icon', 'Containers have fully rounded corners and are wide enough to fit label text', 'Keep labels concise and in sentence-case']"/>
 
diff --git a/docs/components/dialogs.md b/docs/components/dialogs.md
@@ -10,7 +10,7 @@ const dialog = ref(null)
 
 
 # Dialogs
-<m-button style="float: right; transform: translateY(-100%)" target="_blank" rel="noopener noreferrer" href="https://m3.material.io/components/dialogs/overview" variant="text" prepend-icon="open_in_new" text="material docs"/>
+<m-button style="float: right; transform: translateY(-94%)" target="_blank" rel="noopener noreferrer" href="https://m3.material.io/components/dialogs/overview" variant="text" prepend-icon="open_in_new" text="material docs"/>
 
 <MIOList :items="['Use dialogs to make sure users act on information', 'Commonly used to confirm high-risk actions like deleting progress']"/>
 
diff --git a/docs/components/radio-buttons.md b/docs/components/radio-buttons.md
@@ -10,7 +10,7 @@ const radioValue = ref(null)
 </script>
 
 # Radio button
-<m-button style="float: right; transform: translateY(-100%)"  target="_blank" rel="noopener noreferrer" href="https://m3.material.io/components/radio-button/overview" variant="text" prepend-icon="open_in_new" text="material docs"/>
+<m-button style="float: right; transform: translateY(-94%)"  target="_blank" rel="noopener noreferrer" href="https://m3.material.io/components/radio-button/overview" variant="text" prepend-icon="open_in_new" text="material docs"/>
 
 <MIOList :items="['Use radio buttons (not switches) when only one item can be selected from a list', 'Label should be scannable', 'Selected items are more prominent than unselected items']"/>
 
@@ -20,10 +20,10 @@ const radioValue = ref(null)
 <ExampleWrapper vertical>
     <m-radio-group v-model="radioValue">
         <m-radio value="1" text="option 1"/>
-        <m-radio value="2" text="option 2"/>
+        <m-radio style="margin-top: -12px" value="2" text="option 2"/>
     </m-radio-group>
-    <p style="color: var(--md-sys-color-on-background); margin-top: -4px" v-text="radioValue || 'none selected'"/>
-    <m-button variant="tonal" text="reset" @click="radioValue = null"/>
+    <p style="color: var(--md-sys-color-on-background); margin-top: -8px" v-text="radioValue || 'none selected'"/>
+    <m-button style="margin-top: -16px" variant="tonal" text="reset" @click="radioValue = null"/>
 </ExampleWrapper>
 
 ::: details code
diff --git a/docs/index.md b/docs/index.md
@@ -3,7 +3,7 @@
 layout: home
 
 hero:
-  name: "MaterialVue"
+  name: "Material Vue"
   text: "UI components for each your new project"
   tagline: "Made according to m3 guidelines"
   actions:
@@ -19,7 +19,7 @@ features:
     details: Material Vue provide dark theme realization out of the box
   - title: According to guidelines
     details: All components completely based on Material 3 design system
-  - title: Not only components
+  - title: More then components
     details: Material Vue has own directives, animations, utils to create fully customizable web apps
 ---
 
