Fix style of the "Notification Settings" button on small screen (#7309)

Co-authored-by: Lucas Bartholemy <luke-@users.noreply.github.com>

CHANGELOG.md

@@ -6,6 +6,7 @@ HumHub Changelog
 ---------------------------------
 - Enh #7307: Improve request scheme detection
 - Fix #7308: Fix Hungarian symbol error in `Open Sans` font
+- Fix #7309: Fix style of the "Notification Settings" button on small screen
 - Fix #7312: Auto refresh a page with violated script-src because of obsolete nonce
 - Fix #7308: Fix Hungarian symbol error in `Open Sans` font 
 - Fix #454: Profile about page missing left and right margin on mobile screen

protected/humhub/modules/notification/widgets/views/overview.php

@@ -33,6 +33,7 @@ use yii\helpers\Html;
             <?= Button::defaultType()
                 ->icon('cog')
                 ->link(['/notification/user'])
+                ->loader(false)
                 ->sm()
                 ->tooltip(Yii::t('NotificationModule.base', 'Notification Settings')) ?>
         </div>

static/less/mobile.less

@@ -144,23 +144,15 @@
         margin: 2px !important;
     }
 
-    .dropdown-menu > li a,
-    .nav-pills .dropdown-menu li a,
-    .nav-tabs .dropdown-menu li a,
-    .account .dropdown-menu li a,
-    .modal .dropdown-menu li a,
-    .panel .dropdown-menu li a,
-    .nav-tabs .dropdown-menu li a {
-        padding-top: 10px;
-        padding-bottom: 10px;
-        text-overflow: ellipsis;
-        overflow: hidden;
-        white-space: nowrap;
-    }
-
     .dropdown-menu {
         max-width: 320px;
-
+        > li:not(.dropdown-header) a {
+            padding-top: 10px;
+            padding-bottom: 10px;
+            text-overflow: ellipsis;
+            overflow: hidden;
+            white-space: nowrap;
+        }
     }
 
     select.form-control:not([multiple]) {

themes/HumHub/css/theme.css

@@ -4986,22 +4986,16 @@ a.label-warning:hover {
     padding: 0 !important;
     margin: 2px !important;
   }
-  .dropdown-menu > li a,
-  .nav-pills .dropdown-menu li a,
-  .nav-tabs .dropdown-menu li a,
-  .account .dropdown-menu li a,
-  .modal .dropdown-menu li a,
-  .panel .dropdown-menu li a,
-  .nav-tabs .dropdown-menu li a {
+  .dropdown-menu {
+    max-width: 320px;
+  }
+  .dropdown-menu > li:not(.dropdown-header) a {
     padding-top: 10px;
     padding-bottom: 10px;
     text-overflow: ellipsis;
     overflow: hidden;
     white-space: nowrap;
   }
-  .dropdown-menu {
-    max-width: 320px;
-  }
   select.form-control:not([multiple]) {
     padding-right: 23px;
     width: auto;