From 618239fa4c18acec7096b0f0dd4d35dce4ca72c7 Mon Sep 17 00:00:00 2001
From: BFlat <bombayapirat@gmail.com>
Date: Thu, 3 Aug 2023 17:01:39 +0700
Subject: [PATCH] responsive layout fix

---
 .../src/components/common/PageHeaderModelView.tsx            | 5 ++++-
 packages/fakeyou.com/src/components/common/ShareButton.tsx   | 2 +-
 packages/fakeyou.com/src/scss/site-refresh.scss              | 2 +-
 3 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/packages/fakeyou.com/src/components/common/PageHeaderModelView.tsx b/packages/fakeyou.com/src/components/common/PageHeaderModelView.tsx
index cdcd186b98..74a89e9375 100644
--- a/packages/fakeyou.com/src/components/common/PageHeaderModelView.tsx
+++ b/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>
diff --git a/packages/fakeyou.com/src/components/common/ShareButton.tsx b/packages/fakeyou.com/src/components/common/ShareButton.tsx
index cb9e0852d5..c7caacfaaa 100644
--- a/packages/fakeyou.com/src/components/common/ShareButton.tsx
+++ b/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>
diff --git a/packages/fakeyou.com/src/scss/site-refresh.scss b/packages/fakeyou.com/src/scss/site-refresh.scss
index 52c1901821..5b0a0f7270 100644
--- a/packages/fakeyou.com/src/scss/site-refresh.scss
+++ b/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%);