From f9abb597beccbb6f12283a39625f5b15a7759331 Mon Sep 17 00:00:00 2001
From: Kostya <ckutls228@gmail.com>
Date: Tue, 5 Mar 2024 19:51:48 +0300
Subject: [PATCH] fixed margin in menu-mobile, fixed home-text

---
 .../css/ComponentsStyles/AdaptiveStyles/menumobile.css |  8 --------
 .../css/PagesStyles/adaptive-pages/homemobile.css      |  1 +
 .../adaptive-components/MenuMobileComponent.vue        | 10 +++++-----
 3 files changed, 6 insertions(+), 13 deletions(-)

diff --git a/luckydiamond/src/assets/css/ComponentsStyles/AdaptiveStyles/menumobile.css b/luckydiamond/src/assets/css/ComponentsStyles/AdaptiveStyles/menumobile.css
index c2a7f28..eb8f1c4 100644
--- a/luckydiamond/src/assets/css/ComponentsStyles/AdaptiveStyles/menumobile.css
+++ b/luckydiamond/src/assets/css/ComponentsStyles/AdaptiveStyles/menumobile.css
@@ -26,14 +26,6 @@
     width: 100%;
 }
 
-.icon-start {
-    margin-left: 8%;
-}
-
-.icon-end {
-    margin-left: 9%;
-}
-
 .icon-center {
     margin-left: 9%;
 }
diff --git a/luckydiamond/src/assets/css/PagesStyles/adaptive-pages/homemobile.css b/luckydiamond/src/assets/css/PagesStyles/adaptive-pages/homemobile.css
index 8b5ab36..1241f11 100644
--- a/luckydiamond/src/assets/css/PagesStyles/adaptive-pages/homemobile.css
+++ b/luckydiamond/src/assets/css/PagesStyles/adaptive-pages/homemobile.css
@@ -69,6 +69,7 @@ body {
     text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
     font-family: Montserrat Alternates;
     text-transform: uppercase;
+    word-break: break-word;
 }
 
 .card-two {
diff --git a/luckydiamond/src/components/adaptive-components/MenuMobileComponent.vue b/luckydiamond/src/components/adaptive-components/MenuMobileComponent.vue
index b6f7687..c0df0d1 100644
--- a/luckydiamond/src/components/adaptive-components/MenuMobileComponent.vue
+++ b/luckydiamond/src/components/adaptive-components/MenuMobileComponent.vue
@@ -2,11 +2,11 @@
   <footer class="footer-mobile">
     <div class="footer-mobile__content">
       <div class="footer-mobile__icons icons-size">
-        <a href="#"><img class="icon-start" src="@/assets/icons-adaptive/home-adaptive/icon-home-menu.png"></a>
-        <a href="#" @click="$router.push({ name: 'profile' })"><img class="icon-center" src="@/assets/icons-adaptive/home-adaptive/icon-wallet-menu.svg"></a>
-        <a href="#"><img class="icon-center" src="@/assets/icons-adaptive/home-adaptive/icon-chat-menu.png"></a>
-        <a href="#"><img class="icon-center" src="@/assets/icons-adaptive/home-adaptive/icon-info-menu.png"></a>
-        <a href="#"><img class="icon-end" src="@/assets/icons-adaptive/home-adaptive/icon-menu.png"></a>
+        <a class="icon-center" href="#"><img @click="$router.push({ name: 'home' })" src="@/assets/icons-adaptive/home-adaptive/icon-home-menu.png"></a>
+        <a class="icon-center" href="#" @click="$router.push({ name: 'profile' })"><img src="@/assets/icons-adaptive/home-adaptive/icon-wallet-menu.svg"></a>
+        <a class="icon-center" href="#"><img src="@/assets/icons-adaptive/home-adaptive/icon-chat-menu.png"></a>
+        <a class="icon-center" href="#"><img src="@/assets/icons-adaptive/home-adaptive/icon-info-menu.png"></a>
+        <a class="icon-center" href="#"><img src="@/assets/icons-adaptive/home-adaptive/icon-menu.png"></a>
       </div>
     </div>
   </footer>