Merge pull request #10346 from opf/fix/40958-create-button-in-sidebar

[40958] Fine tuning for sidebar create button

frontend/src/app/features/boards/boards-sidebar/boards-menu.component.html

@@ -1,9 +1,12 @@
-<op-sidemenu
-  *ngIf="(boardOptions$ | async) as items"
-  [items]="items"
+<div
   class="op-sidebar--body"
 >
-</op-sidemenu>
+  <op-sidemenu
+    *ngIf="(boardOptions$ | async) as items"
+    [items]="items"
+  >
+  </op-sidemenu>
+</div>
 
 <div class="op-sidebar--footer">
   <button
@@ -11,6 +14,7 @@
     class="spot-button spot-button_outlined"
     (click)="showNewBoardModal()"
   >
-    {{text.create_new_board}}
+    <span class="spot-icon spot-icon_add"></span>
+    <span [textContent]="text.create_new_board"></span>
   </button>
 </div>

frontend/src/app/features/calendar/sidemenu/calendar-sidemenu.component.html

@@ -15,6 +15,7 @@
     [uiSref]="createButton.uiSref"
     [uiParams]="createButton.uiParams"
   >
-    {{createButton.title}}
+    <span class="spot-icon spot-icon_add"></span>
+    <span [textContent]="createButton.title"></span>
   </button>
 </div>

frontend/src/app/spot/styles/sass/components/button.sass

@@ -4,6 +4,7 @@
   display: inline-flex
   flex-direction: row
   align-items: center
+  justify-content: center
   flex-wrap: nowrap
   line-height: calc(#{$spot-spacing-2} - 2px) // The border needs to be removed from this
   min-height: $spot-spacing-2

frontend/src/global_styles/content/_sidebar.sass

@@ -13,5 +13,6 @@
       padding-bottom: 10px
 
   &--footer
+    display: grid
     text-align: center
-    padding: 16px
+    padding: 1rem 2.5rem