responsive layout fix

packages/fakeyou.com/src/components/common/PageHeaderModelView.tsx

@@ -39,9 +39,12 @@ export default function PageHeaderModelView(props: PageHeaderModelViewProps) {
         <div className="d-flex flex-column flex-lg-row flex-column-reverse gap-3">
           <div className="d-flex gap-3">
             {props.ratingBtn}
-            {props.extras}
+            <div className="d-lg-none">{props.extras}</div>
           </div>
           {props.ratingStats}
+          <div className="flex-grow-1 d-none d-lg-flex justify-content-end">
+            {props.extras}
+          </div>
         </div>
       </Panel>
     </div>

packages/fakeyou.com/src/components/common/ShareButton.tsx

@@ -31,7 +31,7 @@ export default function ShareButton(props: ShareButtonProps) {
         theme="fakeyou"
         arrow={false}
       >
-        <button className="btn-share" onClick={copyToClipboard} type="button">
+        <button className="btn-action" onClick={copyToClipboard} type="button">
           <span>
             <FontAwesomeIcon icon={faLink} className="me-2" />
           </span>

packages/fakeyou.com/src/scss/site-refresh.scss

@@ -893,7 +893,7 @@ styles with important tags:
     }
   }
 
-  .btn-share {
+  .btn-action {
     font-weight: 500;
     font-size: 14px;
     background-color: lighten($secondary, 4%);