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

feat(frontend-react): Improve UI design of page wrapper

Author: pklaschka

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.*/

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
 										})}