Merge pull request 'OZG-4215 OZG-4245 Fix layout' (#279) from...

Merge pull request 'OZG-4215 OZG-4245 Fix layout' (#279) from OZG-4215-Hilfe-Button-Design-Anpassungen into master

Reviewed-on: https://git.ozg-sh.de/mgm/goofy/pulls/279

goofy-client/apps/goofy/src/styles/main.scss

@@ -47,6 +47,7 @@
 @import 'libs/ui/src/lib/ui/button-toggle/button-toogle.theme';
 @import 'libs/vorgang/src/lib/vorgang-list-page-container/vorgang-list-page/vorgang-filter-menu-container/vorgang-filter-menu/_vorgang-filter-item.theme.scss';
 @import 'libs/vorgang/src/lib/vorgang-list-page-container/vorgang-list-page/vorgang-views-menu/_vorgang-views-menu.theme.scss';
+@import 'libs/user-assistance/src/lib/help-menu/_help-menu.theme.scss';
 
 // TODO(v15): As of v15 mat.legacy-core no longer includes default typography styles.
 //  The following line adds:

goofy-client/libs/navigation/src/lib/header-container/header/header.component.scss

@@ -42,7 +42,7 @@ header {
 
 .middle {
 	flex-grow: 1;
-	margin-right: 2rem;
+	margin-right: 1rem;
 }
 
 .left {

goofy-client/libs/user-assistance/src/lib/help-menu/_help-menu.theme.scss

+goofy-client-help-menu {
+	.mat-fab {
+		box-shadow: none !important;
+		background-color: transparent !important;
+		border-radius: 10px;
+		height: 40px;
+		width: auto;
+		.mat-button-wrapper {
+			padding: 0.5rem;
+		}
+	}
+}
\ No newline at end of file

goofy-client/libs/user-assistance/src/lib/help-menu/help-menu.component.html

-<button *ngIf="getNumberOfMenuItems() > 0" mat-icon-button [matMenuTriggerFor]="helpMenu.matMenu" data-test-id="help-menu-button">
+<button *ngIf="getNumberOfMenuItems() > 0" mat-fab extended [matMenuTriggerFor]="helpMenu.matMenu" data-test-id="help-menu-button">
 	<div class="help-menu">
 		<goofy-client-ozgcloud-icon icon="help_outline"></goofy-client-ozgcloud-icon>
-		<div>Hilfe</div>
+		<div class="text">Hilfe</div>
 	</div>
 </button>
 <goofy-client-ozgcloud-menu #helpMenu>

goofy-client/libs/user-assistance/src/lib/help-menu/help-menu.component.scss

+@import 'variables';
+
 .help-menu {
 	display: flex;
 	align-items: center;
+	color: $grey;
+	.text {
+		margin-top: 1px;
+	}
 }
 
 goofy-client-ozgcloud-icon {
-	margin-right: 2px;
+	margin-right: 4px;
 }

goofy-client/libs/user-profile/src/lib/user-profile-in-header-container/user-profile-in-header/user-profile-in-header.component.scss

@@ -22,7 +22,6 @@
  * unter der Lizenz sind dem Lizenztext zu entnehmen.
  */
 .big-button {
-	margin-left: 20px;
 	display: flex;
 	align-items: center;
 	justify-content: center;

goofy-client/libs/user-settings/src/lib/user-settings-container/user-settings-container.component.scss

@@ -21,3 +21,6 @@
  * Die sprachspezifischen Genehmigungen und Beschränkungen
  * unter der Lizenz sind dem Lizenztext zu entnehmen.
  */
+:host {
+	margin: 0 16px 0 10px;
+}
\ No newline at end of file

goofy-client/libs/user-settings/src/lib/user-settings-container/user-settings/user-settings-menu-button/user-settings-menu-button.component.scss

@@ -23,5 +23,4 @@
  */
 goofy-client-icon-button-with-spinner {
 	display: block;
-	margin-left: 34px;
 }
\ No newline at end of file