fix: omni bar design (#620)

* fix ordering

* fix omni bar design

Author: 0xdeafcafe

package.json

@@ -38,8 +38,8 @@
     "prepackage:release": "yarn build:apps-host",
     "package": "lerna run package --stream --scope @beak/apps-host-electron",
     "package:release": "lerna run package:release --stream --scope @beak/apps-host-electron",
-    "start:apps-host-electron": "lerna exec --parallel --concurrency 1 --stream --scope '@beak/{apps-host-electron,ui}' yarn start",
     "start:electron-host-screenshot": "SCREENSHOT_SIZING=true lerna exec --parallel --concurrency 1 --stream --scope '@beak/{apps-host-electron,ui}' yarn start",
+    "start:apps-host-electron": "lerna exec --parallel --concurrency 1 --stream --scope '@beak/{apps-host-electron,ui}' yarn start",
     "start:apps-host-web": "lerna exec --scope '@beak/apps-host-web' yarn start",
     "start:apps-web-marketing": "lerna exec --parallel --concurrency 1 --stream --scope '@beak/apps-web-marketing' yarn start",
     "start:apps-web-share": "lerna exec --parallel --concurrency 1 --stream --scope '@beak/apps-web-share' yarn start",

packages/ui/src/features/omni-bar/components/atoms/NoItemsFound.ts

@@ -3,6 +3,7 @@ import styled from 'styled-components';
 const NoItemsFound = styled.div`
 	font-size: 13px;
 	margin-left: 10px;
+	padding: 10px 0;
 `;
 
 export default NoItemsFound;

packages/ui/src/features/omni-bar/components/organism/CommandsView.tsx

@@ -265,9 +265,7 @@ const CommandsView: React.FC<React.PropsWithChildren<CommandsViewProps>> = ({ co
 	);
 };
 
-const Container = styled.div`
-	padding: 8px 0;
-`;
+const Container = styled.div``;
 
 const Item = styled.div<{ $active: boolean }>`
 	font-size: 13px;
@@ -282,6 +280,12 @@ const Item = styled.div<{ $active: boolean }>`
 
 	&:hover { background: ${p => p.theme.ui.secondaryActionMuted}; }
 	${p => p.$active ? css`background: ${p => p.theme.ui.secondaryActionMuted};` : ''}
+
+	&:last-of-type {
+		padding-bottom: 10px;
+		border-bottom-left-radius: 10px;
+		border-bottom-right-radius: 10px;
+	}
 `;
 
 export default CommandsView;

packages/ui/src/features/omni-bar/components/organism/FinderView.tsx

@@ -158,7 +158,6 @@ const FinderView: React.FC<React.PropsWithChildren<FinderViewProps>> = ({ conten
 };
 
 const Container = styled.div`
-	/* padding: 8px 0; */
 	overflow: none;
 `;
 

packages/ui/src/features/project-pane/components/organisms/Git.tsx

@@ -28,7 +28,7 @@ const Git: React.FC<React.PropsWithChildren<unknown>> = () => {
 					{'Branch'}
 				</GroupName>
 
-				<Selector disabled value={selectedBranch}>
+				<Selector value={selectedBranch}>
 					{branches.map(b => (
 						<option disabled={selectedBranch !== b.name} key={b.name} value={b.name}>{b.name}</option>
 					))}