fix: improve button and article layout styling

.vitepress/theme/components/Button.vue

@@ -43,6 +43,7 @@ const props = withDefaults(defineProps<Props>(), {
   position: relative;
 
   text-decoration: none !important;
+  vertical-align: middle;
 
   border-color: transparent;
   border-style: solid;

.vitepress/theme/layouts/Article.vue

@@ -602,7 +602,7 @@ section {
 
       display: inline-block;
 
-      width: 100%;
+      width: max-content;
 
       padding-block: 24px;
 
@@ -680,7 +680,9 @@ section {
       }
 
       img {
-        width: 50%;
+        width: calc(50% - 6px);
+
+        margin-inline: 3px;
 
         border-radius: var(--md-sys-shape-corner-small);
       }

.vitepress/theme/styles/_components/table.scss

@@ -67,5 +67,9 @@ table {
 
   :is(td, th) {
     border: 1px solid var(--md-sys-color-outline);
+
+    code {
+      padding-block: 0px !important;
+    }
   }
 }