From f866b4d9cbfce98ebfc7239b0dc83dd0541cb879 Mon Sep 17 00:00:00 2001
From: bunsenstraat <filip.mertens@ethereum.org>
Date: Mon, 4 Nov 2024 13:06:24 +0100
Subject: [PATCH] lianas css

---
 apps/remix-ide/src/app/components/popup-panel.tsx      |  2 +-
 libs/remix-ui/statusbar/src/css/statusbar.css          |  7 ++-----
 .../statusbar/src/lib/remixui-statusbar-panel.tsx      | 10 ++++++----
 3 files changed, 9 insertions(+), 10 deletions(-)

diff --git a/apps/remix-ide/src/app/components/popup-panel.tsx b/apps/remix-ide/src/app/components/popup-panel.tsx
index 8388e8a83f..2712b0725d 100644
--- a/apps/remix-ide/src/app/components/popup-panel.tsx
+++ b/apps/remix-ide/src/app/components/popup-panel.tsx
@@ -97,7 +97,7 @@ export class PopupPanel extends AbstractPanel {
           position: 'fixed',
           bottom: '2rem',
           right: '3.5rem',
-          zIndex: 2000,
+          zIndex: 200,
           boxShadow: '3px 3px var(--secondary), -0.1em 0 1.4em var(--secondary)'
         }}
         data-id="popupPanelPluginsContainer"
diff --git a/libs/remix-ui/statusbar/src/css/statusbar.css b/libs/remix-ui/statusbar/src/css/statusbar.css
index 30a5712f89..11ee870603 100644
--- a/libs/remix-ui/statusbar/src/css/statusbar.css
+++ b/libs/remix-ui/statusbar/src/css/statusbar.css
@@ -1,9 +1,6 @@
-
-.remixui_statusbar_gitstatus {
-  position: relative;
-  left: 20rem;
+.remixui_statusbar {
+  white-space: nowrap;
 }
-
 .remixui_statusbar_gitstatus
 .remixui_statusbar_gitstatus:hover {
   cursor: pointer;
diff --git a/libs/remix-ui/statusbar/src/lib/remixui-statusbar-panel.tsx b/libs/remix-ui/statusbar/src/lib/remixui-statusbar-panel.tsx
index cfd5caf99c..a295239a10 100644
--- a/libs/remix-ui/statusbar/src/lib/remixui-statusbar-panel.tsx
+++ b/libs/remix-ui/statusbar/src/lib/remixui-statusbar-panel.tsx
@@ -91,13 +91,15 @@ export function RemixUIStatusBar({ statusBarPlugin }: RemixUIStatusBarProps) {
           { (platform !== appPlatformTypes.desktop) && <div className="remixui_statusbar bg-warning px-2 remixui_statusbar_custom_padding d-flex justify-center align-items-center">
               <ScamAlertStatus refs={refs} getReferenceProps={getReferenceProps} />
             </div> }
-          <div className="remixui_statusbar remixui_statusbar_gitstatus">
-            <GitStatus plugin={statusBarPlugin} gitBranchName={gitBranchName} setGitBranchName={setGitBranchName} />
+          <div className='d-flex w-100 justify-content-between'>
+            <div className="remixui_statusbar remixui_statusbar_gitstatus">
+              <GitStatus plugin={statusBarPlugin} gitBranchName={gitBranchName} setGitBranchName={setGitBranchName} />
+            </div>
           </div>
-          <div className="remixui_statusbar">
+          <div className="w-100 remixui_statusbar">
             <DidYouKnow />
           </div>
-          <div className="remixui_statusbar d-flex align-items-center p-0">
+          <div className="remixui_statusbar d-flex w-100 justify-content-end p-0">
             <div className="remixui_statusbar">
               <AIStatus plugin={statusBarPlugin} aiActive={lightAiUp} isAiActive={isAiActive} setIsAiActive={setIsAiActive} />
             </div>