Polish share button alignment

Author: jinwandalaohu66

assets/share-page.css

@@ -630,7 +630,7 @@ h1 {
   padding: 0 16px;
   overflow: hidden;
   border: 1.25px solid var(--line-strong);
-  border-radius: 10px;
+  border-radius: 999px;
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -669,13 +669,18 @@ h1 {
 }
 
 .button.primary {
-  justify-content: space-between;
+  justify-content: center;
   border-color: var(--black);
   background: var(--black);
   color: var(--white);
   box-shadow: 0 14px 30px rgba(0, 0, 0, 0.12);
 }
 
+.button.primary > [aria-hidden="true"] {
+  position: absolute;
+  right: 18px;
+}
+
 .button.secondary {
   background: rgba(255, 255, 255, 0.86);
   color: var(--ink);
@@ -892,6 +897,14 @@ h1 {
   gap: 8px;
 }
 
+.modal-actions .button {
+  width: 100%;
+  min-width: 0;
+  padding-right: 14px;
+  padding-left: 14px;
+  text-align: center;
+}
+
 .toast {
   position: fixed;
   left: 50%;

tests/share-page.test.js

@@ -111,6 +111,10 @@ test('mobile share layout keeps one compact content flow with the primary action
   assert.match(css, /\.site-footer\s*\{\s*display:\s*none;/);
   assert.match(css, /\.language-toggle::before/);
   assert.match(css, /background-size:\s*64px 64px/);
+  assert.match(css, /\.button\s*\{[\s\S]*?border-radius:\s*999px/);
+  assert.match(css, /\.button\.primary\s*\{[\s\S]*?justify-content:\s*center/);
+  assert.doesNotMatch(css, /\.button\.primary\s*\{[\s\S]*?justify-content:\s*space-between/);
+  assert.match(css, /\.modal-actions \.button\s*\{[\s\S]*?text-align:\s*center/);
 });
 
 test('404 fallback and controller cooperate to restore a clean path', () => {