(layouts) Fixed: Header buttons are not fitting on certain layouts

(layouts) Hide the "fuse-fullscreen" button on smaller devices since they don't support fullscreen

src/app/layout/layouts/horizontal/centered/centered.component.html

@@ -62,9 +62,9 @@
                 </button>
             </ng-container>
             <!-- Components -->
-            <div class="flex items-center pl-2 ml-auto space-x-2">
+            <div class="flex items-center pl-2 ml-auto space-x-1 sm:space-x-2">
                 <languages></languages>
-                <fuse-fullscreen></fuse-fullscreen>
+                <fuse-fullscreen class="hidden md:block"></fuse-fullscreen>
                 <search [appearance]="'bar'"></search>
                 <shortcuts></shortcuts>
                 <messages></messages>

src/app/layout/layouts/horizontal/enterprise/enterprise.component.html

@@ -45,9 +45,9 @@
                     </button>
                 </ng-container>
                 <!-- Components -->
-                <div class="flex items-center pl-2 ml-auto space-x-2">
+                <div class="flex items-center pl-2 ml-auto space-x-1 sm:space-x-2">
                     <languages></languages>
-                    <fuse-fullscreen></fuse-fullscreen>
+                    <fuse-fullscreen class="hidden md:block"></fuse-fullscreen>
                     <search [appearance]="'bar'"></search>
                     <shortcuts></shortcuts>
                     <messages></messages>

src/app/layout/layouts/horizontal/material/material.component.html

@@ -51,9 +51,9 @@
                     </button>
                 </ng-container>
                 <!-- Components -->
-                <div class="flex items-center pl-2 ml-auto space-x-2">
+                <div class="flex items-center pl-2 ml-auto space-x-1 sm:space-x-2">
                     <languages></languages>
-                    <fuse-fullscreen></fuse-fullscreen>
+                    <fuse-fullscreen class="hidden md:block"></fuse-fullscreen>
                     <search [appearance]="'bar'"></search>
                     <shortcuts></shortcuts>
                     <messages></messages>

src/app/layout/layouts/horizontal/modern/modern.component.html

@@ -54,9 +54,9 @@
             </button>
         </ng-container>
         <!-- Components -->
-        <div class="flex items-center pl-2 ml-auto space-x-2">
+        <div class="flex items-center pl-2 ml-auto space-x-1 sm:space-x-2">
             <languages></languages>
-            <fuse-fullscreen></fuse-fullscreen>
+            <fuse-fullscreen class="hidden md:block"></fuse-fullscreen>
             <search [appearance]="'bar'"></search>
             <shortcuts></shortcuts>
             <messages></messages>

src/app/layout/layouts/vertical/classic/classic.component.html

@@ -35,9 +35,9 @@
             <mat-icon [svgIcon]="'heroicons_outline:menu'"></mat-icon>
         </button>
         <!-- Components -->
-        <div class="flex items-center pl-2 ml-auto space-x-2">
+        <div class="flex items-center pl-2 ml-auto space-x-1 sm:space-x-2">
             <languages></languages>
-            <fuse-fullscreen></fuse-fullscreen>
+            <fuse-fullscreen class="hidden md:block"></fuse-fullscreen>
             <search [appearance]="'bar'"></search>
             <shortcuts></shortcuts>
             <messages></messages>

src/app/layout/layouts/vertical/classy/classy.component.html

@@ -65,9 +65,9 @@
             <mat-icon [svgIcon]="'heroicons_outline:menu'"></mat-icon>
         </button>
         <!-- Components -->
-        <div class="flex items-center pl-2 ml-auto space-x-2">
+        <div class="flex items-center pl-2 ml-auto space-x-1 sm:space-x-2">
             <languages></languages>
-            <fuse-fullscreen></fuse-fullscreen>
+            <fuse-fullscreen class="hidden md:block"></fuse-fullscreen>
             <search [appearance]="'bar'"></search>
             <shortcuts></shortcuts>
             <messages></messages>

src/app/layout/layouts/vertical/compact/compact.component.html

@@ -30,9 +30,9 @@
             <mat-icon [svgIcon]="'heroicons_outline:menu'"></mat-icon>
         </button>
         <!-- Components -->
-        <div class="flex items-center pl-2 ml-auto space-x-2">
+        <div class="flex items-center pl-2 ml-auto space-x-1 sm:space-x-2">
             <languages></languages>
-            <fuse-fullscreen></fuse-fullscreen>
+            <fuse-fullscreen class="hidden md:block"></fuse-fullscreen>
             <search [appearance]="'bar'"></search>
             <shortcuts></shortcuts>
             <messages></messages>

src/app/layout/layouts/vertical/dense/dense.component.html

@@ -39,9 +39,9 @@
             </button>
         </div>
         <!-- Components -->
-        <div class="flex items-center pl-2 ml-auto space-x-2">
+        <div class="flex items-center pl-2 ml-auto space-x-1 sm:space-x-2">
             <languages></languages>
-            <fuse-fullscreen></fuse-fullscreen>
+            <fuse-fullscreen class="hidden md:block"></fuse-fullscreen>
             <search [appearance]="'bar'"></search>
             <shortcuts></shortcuts>
             <messages></messages>

src/app/layout/layouts/vertical/futuristic/futuristic.component.html

@@ -44,9 +44,9 @@
             <mat-icon [svgIcon]="'heroicons_outline:menu'"></mat-icon>
         </button>
         <!-- Components -->
-        <div class="flex items-center pl-2 ml-auto space-x-2">
+        <div class="flex items-center pl-2 ml-auto space-x-1 sm:space-x-2">
             <languages></languages>
-            <fuse-fullscreen></fuse-fullscreen>
+            <fuse-fullscreen class="hidden md:block"></fuse-fullscreen>
             <search [appearance]="'bar'"></search>
             <shortcuts></shortcuts>
             <messages></messages>

src/app/layout/layouts/vertical/thin/thin.component.html

@@ -31,9 +31,9 @@
             <mat-icon [svgIcon]="'heroicons_outline:menu'"></mat-icon>
         </button>
         <!-- Components -->
-        <div class="flex items-center pl-2 ml-auto space-x-2">
+        <div class="flex items-center pl-2 ml-auto space-x-1 sm:space-x-2">
             <languages></languages>
-            <fuse-fullscreen></fuse-fullscreen>
+            <fuse-fullscreen class="hidden md:block"></fuse-fullscreen>
             <search [appearance]="'bar'"></search>
             <shortcuts></shortcuts>
             <messages></messages>