Show toolbar icons on mobile

app/assets/stylesheets/layout/_toolbar_mobile.sass

@@ -31,14 +31,19 @@
     .toolbar-container
       margin-top: 10px
 
+      .toolbar
+        flex-wrap: nowrap
+
       .title-container
         margin-right: 10px
 
       .toolbar-items
         display: flex
-        flex-wrap: wrap
+        flex-wrap: nowrap
         justify-content: flex-end
-        width: calc(100% + 10px)
+
+        .op-icon--wrapper
+          margin: 0
 
         > li
           .button

frontend/src/app/components/wp-buttons/wp-create-button/wp-create-button.html

@@ -7,9 +7,9 @@
           [stateName]="stateName"
           [dropdownActive]="allowed">
     <op-icon icon-classes="button--icon icon-add"></op-icon>
-    <span class="button--text"
+    <span class="button--text hidden-for-mobile"
           [textContent]="text.createWithDropdown"
           aria-hidden="true"></span>
-    <op-icon icon-classes="button--icon icon-small icon-pulldown"></op-icon>
+    <op-icon icon-classes="button--icon icon-small icon-pulldown hidden-for-mobile"></op-icon>
   </button>
 </div>

frontend/src/app/components/wp-buttons/wp-filter-button/wp-filter-button.html

@@ -7,7 +7,7 @@
         (click)="performAction($event)"
         [ngClass]="{ '-active': isActive }">
   <op-icon icon-classes="{{ iconClass }} button--icon"></op-icon>
-  <span class="button--text">
+  <span class="button--text hidden-for-mobile">
     {{ buttonText }}
     <span class="badge -secondary" *ngIf="initialized" [textContent]="filterCount"></span>
   </span>

frontend/src/app/modules/work_packages/routing/wp-list/wp.list.component.html

@@ -25,7 +25,7 @@
             *ngIf="bcfActivated()">
           <bcf-export-button></bcf-export-button>
         </li>
-        <li class="toolbar-item hidden-for-mobile">
+        <li class="toolbar-item">
           <wp-filter-button>
           </wp-filter-button>
         </li>
@@ -45,7 +45,7 @@
           <zen-mode-toggle-button>
           </zen-mode-toggle-button>
         </li>
-        <li class="toolbar-item hidden-for-mobile">
+        <li class="toolbar-item">
           <button id="work-packages-settings-button"
                   title="{{ text.button_settings }}"
                   class="button last work-packages-settings-button toolbar-icon"