Fix styles for picker and sidebar menu (#10)

Author: jordivx

projects/ngx-appshell-example/src/app/appshell.configuration.ts

@@ -32,7 +32,7 @@ export class AppShellConfiguration {
             ]
         },
         {
-            label: 'SECTION 2',
+            label: 'SECTION 2 THAT REQUIRES MORE THAN TWO LINES',
             links: [
                 {label: 'Page 1', anchor: '/subsection', icon: 'house'},
                 {label: 'Page 2', anchor: '/subsection2', icon: 'house'},

projects/ngx-appshell-example/src/app/screens/platform-shell/platform-shell.component.ts

@@ -43,7 +43,7 @@ export class PlatformShellComponent implements OnInit, OnDestroy {
   ) {
     this.headerSecondaryPicker = {
       label: 'Catalog: ',
-      options: ['Option 1', 'Option 2', 'Option 3'],
+      options: ['Option 1', 'Option 2', 'A really long option that requires to be included in more than two lines', 'Option 3'],
       selected: 'Option 2'
     };
     this.headerProjectPicker = {

projects/ngx-appshell/README.md

@@ -2,7 +2,7 @@
 
 A comprehensive Angular library providing pre-built UI components, directives, and schematics for building modern enterprise applications with Material Design.
 
-**Version:** 19.0.12
+**Version:** 19.0.13
 **Angular:** >=19.0.0
 
 ## Features

projects/ngx-appshell/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opendevstack/ngx-appshell",
-  "version": "19.0.12",
+  "version": "19.0.13",
   "description": "A comprehensive Angular library providing pre-built UI components, directives, and schematics for building modern enterprise applications with Material Design.",
   "author": "OpenDevStack",
   "repository": {

projects/ngx-appshell/src/lib/components/appshell-header-picker/appshell-header-picker.component.scss

@@ -44,7 +44,7 @@
     border-radius: 0.125rem!important;
     border: 1px solid var(--appshell-color-grey-main);
     box-shadow: none!important;
-    width: 13rem;
+    width: 16rem;
     padding: 0.75rem 0;
     margin-top: 0.4rem;
     --mat-menu-item-label-text-color: var(--appshell-color-dark-green-main);
@@ -126,6 +126,9 @@
     }
 
     button {
+        padding-top: 0.875rem;
+        padding-bottom: 0.875rem;
+
         &.active {
             background-color: var(--appshell-color-grey-neutral);
             border-left: 2px solid var(--appshell-color-accent-green-main);

projects/ngx-appshell/src/lib/components/appshell-sidebar-menu/appshell-sidebar-menu.component.scss

@@ -63,7 +63,7 @@
         &.link-group-header {
             font-size: 1rem;
             line-height: 1.25rem;
-            height: 2.25rem;
+            min-height: 2.25rem;
             padding: 0.5rem;
             font-family: AppShellHeadingFont;
             font-style: normal;