24ul fix

LitusProject · Oct 2, 2023 · 47faf4e · 47faf4e
1 parent 8d0e9c2
commit 47faf4e
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 3 deletions.
diff --git a/module/CommonBundle/Resources/assets/site/less/vtk-homepage-layout.less b/module/CommonBundle/Resources/assets/site/less/vtk-homepage-layout.less
@@ -326,10 +326,15 @@
 
   .button_24h {
     display: inline-block;
-    margin-left: 20px;
+    @media (max-width: 575.98px) {
+      margin-left: 0;
+    }
+    @media (min-width: 575.98px) {
+      margin-left: 20px;
+    }
     margin-right: 10px;
     min-height: 46px;
-    padding: 14px 25px;
+    padding: 14px 20px;
     z-index: 100;
     background-color: @color-blue;
     font-size: 13px;
@@ -348,6 +353,16 @@
   }
 }
 
+.countdown_container {
+  float: right;
+  @media (max-width: 575.98px) {
+    width: 170px;
+  }
+  @media (min-width: 575.98px) {
+    width: 200px;
+  }
+}
+
 ul#countdown {
   margin: 0;
   padding: 5px 0;

diff --git a/module/CommonBundle/Resources/views/common/index/index.twig b/module/CommonBundle/Resources/views/common/index/index.twig
@@ -152,7 +152,7 @@
                            href="{{ url('calendar', {'action': 'view', 'name': event.getName()}) }}">{{ translate('Training') }}</a>
 {#                        <a class="button_24h"#}
 {#                           href="{{ url('calendar', {'action': 'view', 'name': event.getName()}) }}">{{ translate('Sport') }}</a>#}
-                        <div style="float: right; width: 200px;">
+                        <div class="countdown_container">
                             <ul id="countdown">
                                 <li id="days">
                                     <div class="number">00</div>