feat(share): align social sharing runtime

assets/css/main.css

@@ -8887,6 +8887,26 @@ img.alignleft {
     margin-top: 10px;
 }
 
+.share-btn icon {
+    width: 36px;
+    height: 36px;
+    display: inline-flex;
+    border-radius: 100%;
+    background: var(--main-border-color);
+    justify-content: center;
+    align-items: center;
+    font-size: 22px;
+    flex-shrink: 0;
+}
+
+.share-btn icon .icon {
+    margin: auto !important;
+}
+
+.share-button .share-btn icon {
+    margin-right: 10px;
+}
+
 .share-button .share-btn .icon {
     width: 1em;
     font-size: inherit;
@@ -8907,6 +8927,14 @@ img.alignleft {
     align-items: center;
 }
 
+.horizontal .share-btn icon {
+    display: flex;
+    margin-bottom: 6px;
+    width: 50px;
+    height: 50px;
+    font-size: 28px;
+}
+
 .drop-newadd {
     border-radius: var(--main-radius);
 }