Merge pull request #426 from wuespace/feat/ui-improvements

feat(frontend-react): Improve UI design of page wrapper
wuespace · Dec 12, 2024 · 2024a2c · 2024a2c
2 parents fe6ebb1 + 7617fc3
commit 2024a2c
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/frontend-react/src/lib/application/routes/page-wrapper/page-wrapper.module.css b/frontend-react/src/lib/application/routes/page-wrapper/page-wrapper.module.css
@@ -9,7 +9,7 @@ if it got applied immediately on the body while being in a visible wrapper / wid
 }
 
 [data-bs-theme='dark'] .pageBackground {
-	background-color: black;
+	background-color: #111;
 }
 
 /*Layout, etc.*/

diff --git a/frontend-react/src/lib/application/routes/page-wrapper/page-wrapper.tsx b/frontend-react/src/lib/application/routes/page-wrapper/page-wrapper.tsx
@@ -65,12 +65,17 @@ export function PageWrapper({ showSelector }: PageWrapperProps) {
 							<DashboardDropdown dashboards={dashboards} />
 							{dashboardId &&
 								(match ? (
-									<Button size="sm" form="dashboard-editor" type="submit">
+									<Button
+										size="sm"
+										form="dashboard-editor"
+										type="submit"
+										className="ms-2"
+									>
 										Save
 									</Button>
 								) : (
 									<Link
-										className="btn btn-sm btn-secondary"
+										className="btn btn-sm btn-secondary ms-2"
 										to={generatePath('/dashboards/:dashboardId/edit', {
 											dashboardId
 										})}