diff --git a/css/sideMenu.css b/css/sideMenu.css
index b4c41c1..f4fad95 100644
--- a/css/sideMenu.css
+++ b/css/sideMenu.css
@@ -122,3 +122,68 @@
width: 0;
transition-property: width;
}
+
+#side-menu.side-menu-big {
+ max-width: 100%;
+ height: auto;
+}
+
+.side-menu-big .side-menu-header {
+ height: auto;
+}
+
+.side-menu-big .side-menu-apps-list {
+ height: auto;
+ position: static;
+ max-width: 100vh;
+ overflow: auto;
+}
+
+.side-menu-big .side-menu-app a {
+ padding: 7px 0 7px 7px;
+}
+
+.side-menu-categories-wrapper {
+ padding: 0 10% 50px 10%;
+}
+
+.side-menu-categories {
+ width: 100%;
+ max-height: calc(100vh - 50px);
+ overflow: auto;
+ position: relative;
+ top: 50px;
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: center;
+}
+
+.side-menu-category {
+ flex: auto;
+ margin: 10px;
+}
+
+.side-menu-category-title {
+ padding-left: 10px;
+ color: var(--side-menu-text-color, #fff);
+}
+
+.side-menu-big .side-menu-app-icon {
+ vertical-align: middle;
+ margin-top: -2px;
+}
+
+@media screen and (max-width: 1024px) {
+ .side-menu-categories-wrapper {
+ padding-left: 0;
+ padding-right: 0;
+ }
+
+ .side-menu-categories {
+ display: block;
+ }
+
+ .side-menu-category {
+ margin: 10px 0;
+ }
+}
diff --git a/src/SideMenuBig.vue b/src/SideMenuBig.vue
index c5023c7..e8758d4 100644
--- a/src/SideMenuBig.vue
+++ b/src/SideMenuBig.vue
@@ -15,18 +15,26 @@ You should have received a copy of the GNU Affero General Public License
along with this program. If not, see .
-->
-