From 7dd482ce43fc6423a595c815804b5b0acad0bb1a Mon Sep 17 00:00:00 2001
From: Diatrex <diahshalabi@hotmail.com>
Date: Tue, 20 Apr 2021 16:54:11 +0300
Subject: [PATCH] fix listing design

---
 .../advs-module/resources/css/list-new.scss   | 14 ++--
 .../views/list/partials/list-filter.twig      | 80 ++++++++++---------
 2 files changed, 52 insertions(+), 42 deletions(-)

diff --git a/addons/default/visiosoft/advs-module/resources/css/list-new.scss b/addons/default/visiosoft/advs-module/resources/css/list-new.scss
index 6d65b7e39..f039dc2f2 100644
--- a/addons/default/visiosoft/advs-module/resources/css/list-new.scss
+++ b/addons/default/visiosoft/advs-module/resources/css/list-new.scss
@@ -55,8 +55,12 @@ ul {
         }
       }
 
-      & > label {
-        font-size: calc(14rem / 16);
+      &:last-child {
+        max-height: 11rem;
+
+        label {
+          font-size: calc(14rem / 16);
+        }
       }
     }
   }
@@ -513,13 +517,13 @@ ul {
                   }
 
                   .cat-data {
-                    font-size: calc(12rem / 16);
+                    font-size: calc(13rem / 16);
                     color: rgba(34, 34, 34, .4);
                   }
 
                   .action-data {
                     color: #A1A1A1;
-                    font-size: calc(8rem / 16);
+                    font-size: calc(10.7rem / 16);
 
                     & > a {
                       visibility: hidden;
@@ -541,7 +545,7 @@ ul {
                     }
 
                     svg {
-                      width: .4rem;
+                      width: .45rem;
                       height: auto;
                     }
                   }
diff --git a/addons/default/visiosoft/advs-module/resources/views/list/partials/list-filter.twig b/addons/default/visiosoft/advs-module/resources/views/list/partials/list-filter.twig
index 8aa9d7415..48a2cb3cd 100644
--- a/addons/default/visiosoft/advs-module/resources/views/list/partials/list-filter.twig
+++ b/addons/default/visiosoft/advs-module/resources/views/list/partials/list-filter.twig
@@ -56,26 +56,28 @@
                 {{ img('visiosoft.module.advs::images/listing/filter-arrow.svg').data|raw }}
             </div>
 
-            <div class="px-2 mb-2 d-flex align-items-center">
-                <input type="radio" id="dateDay" {{ app.request.get('date') == 'day' ? 'checked' }} value="day"
-                       name="date">
-                <label for="dateDay" class="ml-2 mb-0">
-                    {{ trans("visiosoft.module.advs::field.in_the_last_24_hours.name") }}
-                </label>
-            </div>
-            <div class="px-2 mb-2 d-flex align-items-center">
-                <input type="radio" id="dateWeek" {{ app.request.get('date') == 'week' ? 'checked' }} value="week"
-                       name="date">
-                <label for="dateWeek" class="ml-2 mb-0">
-                    {{ trans("visiosoft.module.advs::field.in_the_last_week.name") }}
-                </label>
-            </div>
-            <div class="px-2 mb-3 d-flex align-items-center">
-                <input type="radio" id="dateMonth" {{ app.request.get('date') == 'month' ? 'checked' }} value="month"
-                       name="date">
-                <label for="dateMonth" class="ml-2 mb-0">
-                    {{ trans("visiosoft.module.advs::field.in_the_last_month.name") }}
-                </label>
+            <div class="overflow-auto">
+                <div class="px-2 mb-2 d-flex align-items-center">
+                    <input type="radio" id="dateDay" {{ app.request.get('date') == 'day' ? 'checked' }} value="day"
+                           name="date">
+                    <label for="dateDay" class="ml-2 mb-0">
+                        {{ trans("visiosoft.module.advs::field.in_the_last_24_hours.name") }}
+                    </label>
+                </div>
+                <div class="px-2 mb-2 d-flex align-items-center">
+                    <input type="radio" id="dateWeek" {{ app.request.get('date') == 'week' ? 'checked' }} value="week"
+                           name="date">
+                    <label for="dateWeek" class="ml-2 mb-0">
+                        {{ trans("visiosoft.module.advs::field.in_the_last_week.name") }}
+                    </label>
+                </div>
+                <div class="px-2 mb-3 d-flex align-items-center">
+                    <input type="radio" id="dateMonth" {{ app.request.get('date') == 'month' ? 'checked' }} value="month"
+                           name="date">
+                    <label for="dateMonth" class="ml-2 mb-0">
+                        {{ trans("visiosoft.module.advs::field.in_the_last_month.name") }}
+                    </label>
+                </div>
             </div>
         </div>
         <!-- Date Filter End -->
@@ -89,19 +91,21 @@
                 {{ img('visiosoft.module.advs::images/listing/filter-arrow.svg').data|raw }}
             </div>
 
-            <div class="px-2 mb-2 d-flex align-items-center">
-                <input type="checkbox" id="photo" {{ app.request.get('photo') == true ? 'checked' }} value="true"
-                       name="photo">
-                <label for="photo" class="ml-2 mb-0">
-                    {{ trans("visiosoft.module.advs::field.ads_with_photo.name") }}
-                </label>
-            </div>
-            <div class="px-2 mb-3 d-flex align-items-center">
-                <input type="checkbox" id="video" {{ app.request.get('video') == true ? 'checked' }} value="true"
-                       name="video">
-                <label for="video" class="ml-2 mb-0">
-                    {{ trans("visiosoft.module.advs::field.ads_with_video.name") }}
-                </label>
+            <div class="overflow-auto">
+                <div class="px-2 mb-2 d-flex align-items-center">
+                    <input type="checkbox" id="photo" {{ app.request.get('photo') == true ? 'checked' }} value="true"
+                           name="photo">
+                    <label for="photo" class="ml-2 mb-0">
+                        {{ trans("visiosoft.module.advs::field.ads_with_photo.name") }}
+                    </label>
+                </div>
+                <div class="px-2 mb-3 d-flex align-items-center">
+                    <input type="checkbox" id="video" {{ app.request.get('video') == true ? 'checked' }} value="true"
+                           name="video">
+                    <label for="video" class="ml-2 mb-0">
+                        {{ trans("visiosoft.module.advs::field.ads_with_video.name") }}
+                    </label>
+                </div>
             </div>
         </div>
         <!-- Media Filter End -->
@@ -115,10 +119,12 @@
                 {{ img('visiosoft.module.advs::images/listing/filter-arrow.svg').data|raw }}
             </div>
 
-            <div class="px-2 mb-3 d-flex align-items-center">
-                <input type="checkbox" id="mapFilter" {{ app.request.get('map') == true ? 'checked' }} value="true"
-                       name="map">
-                <label for="mapFilter" class="ml-2 mb-0">{{ trans("visiosoft.module.advs::field.ads_with_map") }}</label>
+            <div class="overflow-auto">
+                <div class="px-2 mb-3 d-flex align-items-center">
+                    <input type="checkbox" id="mapFilter" {{ app.request.get('map') == true ? 'checked' }} value="true"
+                           name="map">
+                    <label for="mapFilter" class="ml-2 mb-0">{{ trans("visiosoft.module.advs::field.ads_with_map") }}</label>
+                </div>
             </div>
         </div>
         <!-- Map Filter End -->