lianas css

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"

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;

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='d-flex w-100 justify-content-between'>
             <div className="remixui_statusbar remixui_statusbar_gitstatus">
               <GitStatus plugin={statusBarPlugin} gitBranchName={gitBranchName} setGitBranchName={setGitBranchName} />
             </div>
-          <div className="remixui_statusbar">
+          </div>
+          <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>