Fix some styles

src/components/AdCard/AdCard.hbs

@@ -57,7 +57,7 @@
             <button class='housing-card__like-button js-like-button'>
                 <svg
                     aria-label='heart'
-                    class='housing-card__like-button__heart js-fill-heart {{#if isFavourite}} already-liked {{/if}}'
+                    class='housing-card__like-button__heart js-fill-heart {{#if isFavorite}} already-liked {{/if}}'
                     aria-hidden='true'
                     width='16'
                     height='16'

src/components/ShortAdCard/ShortAdCard.sass

@@ -60,42 +60,46 @@
         display: flex
         flex-direction: row
         gap: 3px
+        padding-top: 10px
 
         &__address
             font-size: 18px
 
     &__description
         font-size: 18px
+        padding-top: 10px
         text-align: justify
         display: -webkit-box
-        -webkit-line-clamp: 4
+        -webkit-line-clamp: 3
         -webkit-box-orient: vertical
         overflow: hidden 
 
 
     &__additional-info
+        padding-top: 10px
         display: flex
         flex-direction: column
         justify-content: space-evenly
-        height: 100px
+        height: 80px
 
     &__row
         display: flex
         flex-direction: row
 
         &__title
-            width: 40%
+            width: 60%
             font-size: 18px
             font-weight: bold
 
         &__value
-            width: 60%
+            width: 40%
             font-size: 18px
 
     &__button-container
         display: flex
         justify-content: center
-        gap: 20px
+        padding-top: 10px
+        gap: 10px
 
     &__more-button
         @include mixins.button

src/pages/AdPage/AdPage.hbs

@@ -113,7 +113,7 @@
                 </div>
                 <div class='advert-apps__info'>
                     <p class='advert-apps__info__title'>Понравилось</p>
-                    <p class='advert-apps__info__value'>{{LikesCount}}</p>
+                    <p class='advert-apps__info__value'>{{likesCount}}</p>
                 </div>
             </div>
 

src/pages/AdPage/AdPage.scss

@@ -3,7 +3,7 @@
 $secondary-card-size: 64px;
 
 .ad-page {
-    max-width: 70%;
+    max-width: 80%;
     margin: 50px auto;
     display: grid;
     grid-template-areas: 'main aside';

src/pages/FavouritePage/FavouritePage.sass

@@ -27,7 +27,7 @@
         margin-bottom: 16px
         box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1)
         transition: transform 0.2s ease-in-out
-        min-width: min-content
+        overflow: hidden
 
         &:hover
             transform: scale(1.02)
@@ -51,16 +51,20 @@
             flex: 1
             display: flex
             flex-direction: column
+            justify-content: space-between
             gap: 10px
+            overflow: hidden
+            text-overflow: ellipsis 
+            -webkit-box-orient: vertical
+            word-wrap: break-word 
 
         &__title
             font-size: 18px
             font-weight: bold
             margin-bottom: 8px
             cursor: pointer
-            width: max-content
             display: flex
-            flex-wrap: wrap
+            word-wrap: break-word
 
         &__options
             display: flex
@@ -76,6 +80,13 @@
             font-size: 16px
             color: #666
             margin-bottom: 12px
+            max-height: 200px
+            overflow: hidden
+            text-overflow: ellipsis
+            display: -webkit-box
+            -webkit-line-clamp: 3
+            -webkit-box-orient: vertical
+            word-wrap: break-word
 
             span
                 display: block

src/pages/FavouritePage/FavouritePage.ts

@@ -2,7 +2,6 @@
 
 import { AdvertData } from "../../modules/Types";
 import ApiClient from "../../modules/ApiClient";
-import MapPage from "../MapPage/MapPage";
 
 import router from "../../modules/Router";
 

src/pages/MapPage/MapPage.sass

@@ -1,7 +1,7 @@
 .map-page
     display: grid
     grid-template-areas: 'people map'
-    grid-template-columns: 25% 1fr
+    grid-template-columns: 30% 1fr
     overflow-x: hidden
     overflow-y: hidden
 
@@ -10,7 +10,7 @@
     position: absolute
     background-color: #c6c6c6
     height: calc(100vh - 100px)
-    width: 25%
+    width: 30%
     overflow-y: scroll
 
     padding-top: 20px