Typicalc/frontend/styles/view/main/upper-bar.css

#header {
	height: var(--lumo-size-xl);
	min-width: 100%;
	align-items: center;
	overflow-x: auto;
	overflow-y: hidden;

	padding-left: 1em;
	padding-right: 1em;
}

#header img {
	border-radius: 50%;
	height: var(--lumo-size-s);
	margin-left: auto;
	margin-right: var(--lumo-space-m);
	overflow: hidden;
	background-color: var(--lumo-contrast);
}

#viewTitle {
	font-size: var(--lumo-font-size-l);
	cursor: pointer;
}

#viewTitle a {
	color: var(--lumo-header-text-color);
}

#inputBar {
	flex-grow: 1;
	justify-content: end;
}

#helpIcon {
	color: white;
}